Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17666
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

player para tocar arquivo ogg e mp3

25-01-2015 15:16

Nesse post vou dar uma dica para quem está tentando tocar um som nos principais navegadores, e que o player fique oculto ou escondido.

Nos meus testes, descobrir que alguns navegadores aceitam arquivos ogg, e outros mp3, então cheguei ao código abaixo:

Abaixo segue o código para tocar ogg e mp3 nos principais navegadores, Internet Explorer, Firefox, Opera e Chrome.

<audio autoplay="true"> <source src="musica.ogg" type="audio/ogg"> <source src="musica.mp3" type="audio/mpeg"> Seu navegador não aceita arquivos de audio </audio>

O código acima vai tocar o som definido em src assim que o usuário entrar na página.

Para fazer um pré-load dos arquivos, para que não demorem muito a carregar, você pode adicionar o seguinte código:

<audio hidden="true" play="false" style="height:0px; width:0px"> <source src="aviso.ogg" type="audio/ogg"> <source src="aviso.mp3" type="audio/mpeg"> Seu navegador não aceita arquivos de audio </audio>

Esse trecho de pré-load você pode colocar em uma página de acesso antes da página que irá tocar o sim, e também pode adicionar depois do bloco do tocador normal.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado