Como Aplicar o código para incorporação do player em html5 no blog

Como Aplicar o código para incorporação do player em  html5 no blog?




Observe a captura das telas:

Postando no blog - aba escrever
 Para criar um marcador na postagem basta criar o nome. Ex.: Podcast, +enter
A medida que você criar marcadores eles aparecerão, bastando apenas clicar, para selecioná-lo! Veja na última imagem:
Postando no blog - aba HTML

Postando no blog - aba HTML - Observe a frase dentro do html. 
Postando no blog - aba HTML - Observe o código enviado pelo Sergio colado na opção dentro do html.

Postando no blog - clique na aba escrever

Postando no blog - Visualização do resultado

Postando no blog - aba HTML Inserindo imagens.


Postando no blog - aba HTML Inserindo imagens.
Postando no blog -  Inserindo marcador - "Orientações".
Código para colar na opção HTML, na postagem do blog, substituindo o endereço citado - http://sergiogracas.com/podcast/download.php?filename=2016-10-06_2016_3bim_audio_jaymemartins_douglas.mp3 -  pelo seu "disponibilizado na Internet".
Exemplo de código do implementador Douglas Lucas - E. M. Jayme Martins - Podcast III Trimestre 2016:

<center>
<audio id="demo" controls onpause="alertaPausa()">
<source src="http://sergiogracas.com/podcast/download.php?filename=2016-10-06_2016_3bim_audio_jaymemartins_douglas.ogg" type="audio/ogg">
<source src="http://sergiogracas.com/podcast/download.php?filename=2016-10-06_2016_3bim_audio_jaymemartins_douglas.mp3" type="audio/mpeg">
Seu navegador não suporta áudio em HTML5, atualize-o.
</audio>

<div>
<button onclick="document.getElementById('demo').play()">►</button>
<button onclick="document.getElementById('demo').pause()">||</button>
<button onclick="document.getElementById('demo').volume+=0.1">▲</button>
<button onclick="document.getElementById('demo').volume-=0.1">▼</button>
</div>
</center>

0 comentários:

O conteúdo deste blog/site pode e deve ser divulgado, conforme lei a 9.610/98 meus direitos estão assegurados, portanto eu permito a copia e reprodução gratuita, seja total ou parcial, não acarretando qualquer onûs financeiro aos interessados, porém, vedo o uso para fins lucrativos, toda reprodução para o público deve citar a fonte extraída, no caso o Técnico Linux - Espaço dos Implementadores de Informática e seja citada junto com um link para a postagem original, onde a referência deve estar numa fonte de tamanho igual ou maior a do texto, obviamente que os links citados não estão sujeitos ao mesmo termo. O conteúdo textual original desta página está disponível sob a licença GNU FDL 1.2.

Todas as marcas citadas pertencem aos seus respectivos proprietários. Os direitos autorais de todas as ilustrações pertencem aos respectivos autores, e elas são reproduzidas na intenção de atender ao disposto no art. 46 da Lei 9.610 - se ainda assim alguma delas infringe direito seu, entre em contato para que possamos removê-la imediatamente ou ainda lhe dar os devidos créditos.

Copyright © 2016 Espaço dos Implementadores de Informática