Central de Ajuda

Search
Exact matches only
Search in title
Search in content
Search in comments
Search in excerpt
Filter by Custom Post Type

Como embedar arquivo de áudio em aula

 In Embed, Produtos / Área de membros

E aí, Lovers!
Saiba como embedar o iframe do áudio em suas aulas, para reprodução direta do conteúdo sem precisar fazer download do arquivo.
Nesse exemplo estamos usando o armazenamento de arquivos do Google Drive. Vou considerar que você já possui os arquivos adicionados em uma pasta da sua conta do google drive, então acesse a pasta onde estão os arquivos que você deseja embedar para iniciar esse passo a passo, ta ok?

01. Tornar o arquivo público (compartilhar)

1. Clique em Compartilhar


Obs¹: Dentro da sua pasta no google drive, assumindo que você já fez upload dos arquivos…

Nº 1 Clique sobre o áudio com o botão direito, depois em Compartilhar.
Nº 2 Clique em Receber link compartilhável para habilitar.
Nº 3 Escolha a opção: Pessoas com o link podem visualizar (qualquer um com o link).
Nº 4 Clique em concluir. Seu arquivo já está público.

02. Copiar o código iframe

Nº 1

Nº 1 Clique em Visualização.

2

Nº 2 Clique em Abrir em uma nova janela.

3

Nº 3 Clique em Incorporar item.

Nº 3

Nº 4 Copie o código HTML iframe

03. Embedar o iframe no conteúdo da aula

txt

Nº 1 Clique no ícone para habilitar a edição HTML.

txt

Nº 2 Cole o iframe do áudio após o último item de código.
Nº 3 Agora é só Salvar a alteração.

Obs¹: Clicar novamente no volta para a edição normal
Obs²: Para o tamanho do container do áudio, utilizei as medidas: height=”100″ e width=”400″

Resultado

txt

Confira se o seu player está aparecendo e funcionando na aula.

Terminamos por aqui, espero ter conseguido ajudar.
Se estiverem buscando embedar também conteúdo em vídeos, aqui estão os procedimentos:
Como pegar o código iframe de um video do Youtube
Como pegar o código iframe de um video do Vimeo
Valeu!