Comentário: reproduza o som baseado no plug-in do HTML5 Audio Elements JQuery, amigos que precisam que ele possa se referir a ele.
1. Alguns nocantes à frenteQuando eu estava na minha universidade sonhadora, o site Flash parecia um pouco popular e, em sites de flash com um pouco de conteúdo, vários efeitos sonoros sempre eram indispensáveis. Alguns dos efeitos sonoros são música de fundo que cria a atmosfera, e a outra parte são sons interativos que promovem a interação e aprimoram a experiência, como bipe ou zumbido quando os botões são pressionados ou passados. Naquela época, havia poucas interações sólidas nas páginas da web, distantes do flash. Mesmo que houvesse, para obter compatibilidade, seja com a ajuda de controles ou interagindo com o Flash (por exemplo, a implementação do som de explosão de balas atingindo o alvo em um jogo com retardamento mental que escrevi antes).
Marx nos diz que as coisas se desenvolvem, e as meninas um dia se tornarão mulheres jovens, e a tecnologia também. Por exemplo, o CEO da Mozilla, Gary Kwicks, revelou hoje que o Firefox 5 será lançado oficialmente em 22 de junho, apenas 3 meses após o lançamento do Firefox 4 - clique para ver. Com o avanço e a popularidade do HTML5, muitos efeitos que foram alcançados anteriormente com Flash agora podem ser facilmente implementados nas páginas da Web. Por exemplo, a reprodução dos arquivos de áudio. Este artigo se divertirá, para que o efeito de tocar sons quando o elemento pau seja facilmente alcançado no jQuery, com base nos elementos de áudio HTML5. Portanto, no que diz respeito a este artigo e este plug-in, o IE6 ~ 8 é uma vida de fazer molho de soja e manter um grupo para se aquecer.
2. Efeitos, recursos e uso
Assim como encontros cegos, é muito importante para a aparência da outra pessoa, por isso, se você quiser ter um vislumbre do rosto verdadeiro de Lushan, você pode clicar aqui: reproduza a demonstração do plug-in jQuery Sound
Você pode ver uma navegação vertical semelhante à seguinte na demonstração:
A primeira onda de navegação quando o mouse se move rapidamente, sempre haverá apenas um som tocando, assim como o chamado da mãe em meu coração; Enquanto o mouse se move rapidamente, e a navegação abaixo é tocada com vários sons como fogos de artifício, assim como o chamado de muitos ídolos em meu coração.
Este plug-in jQuery é muito simples e muito pequeno, cerca de 30 yuan, então por que usar armas antiaéreas para combater os mosquitos? Então, eu não vou embalar. Se você estiver interessado em scripts, clique com o botão direito do mouse-[Target | link] Salvar como o seguinte link: jQuery-audioplay.js
usar
Primeiro, ligue para a biblioteca jQuery e este arquivo de script de efeito, como segue:
<script type = text/javascript src => </script> _fcksavedurl => </script> _fcksavedurl => </script> _fcksavedurl => </script>
<script type = text/javascript src => </script>
Em seguida, vincule os elementos que exigem que o mouse jogue o som. O nome do método é: AudioPlay (), por exemplo, o seguinte é usado na página de demonstração:
$ ("#NAV Li"). Audioplay ({
Nome: "Playonce",
urlmp3: "/study/media/beep.mp3",
urlogg: "/study/media/beep.ogg"
});
Obviamente, não é possível reproduzir som sem uma fonte de arquivo de áudio, portanto o endereço de áudio é indispensável nos parâmetros. Para parâmetros específicos e instruções relacionadas, consulte a tabela abaixo:
Definição de parâmetro padrão
String nameaudioplay, usada para agrupamento. Usado quando existem vários grupos de elementos de reprodução na página ao mesmo tempo.
string urlmp3, este parâmetro deve ser. Refere -se ao endereço do arquivo de áudio no formato MP3.
String urlogg, esse parâmetro deve ser. Refere -se ao endereço do arquivo de áudio no formato OGG.
CLONEFALSE TIPO BOOLEAN. Se o mesmo grupo de elementos reproduz a mesma fonte de som.
Nota: Os navegadores do Firefox e do Opera oferecem suporte ao Formato OGG Audio, enquanto os navegadores do WebKit e o IE suportam o Format Audio.
Os efeitos sonoros dos dois grupos de navegação na página de demonstração aplicam todos os parâmetros acima, que são totalmente usados da seguinte forma:
$ (function () {
$ ("#NAV Li"). Audioplay ({
Nome: "Playonce",
urlmp3: "/study/media/beep.mp3",
urlogg: "/study/media/beep.ogg"
});
$ ("#Nav2 li"). Audioplay ({
urlmp3: "/study/media/beep.mp3",
urlogg: "/study/media/beep.ogg",
Clone: Verdadeiro
});
});
3. Alguns incômodos no final
Agora, os navegadores que suportam elementos de áudio HTML5 são os seguintes: Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, ou seja, 9+. Em nosso país mágico, o IE6 ~ 8 ainda ocupa a maior parte do mundo. Você pode pensar que as coisas deste artigo ainda não têm valor no momento.
No entanto, de acordo com o princípio do aprimoramento gradual, pesando a utilidade e a ocupação de recursos, também não é impossível aplicar essa coisinha neste artigo em projetos reais. Além disso, com o aumento significativo no volume de instalação do Windows 7, a era IE6 pode ter chegado a um fim abrupto inadvertidamente. Até então, pode não ser tarde demais para você compensar isso. Esse sentimento vem do meu proprietário atual, que tem sessenta ou setenta. Embora ele basicamente não saiba nada sobre computadores (basta olhar para as ações), seu computador é lindo e bonito, e parece que é bastante interessante usar o sistema Windows 7.
Aproveitando a maré da tecnologia front-end, você precisa trabalhar duro para praticar habilidades básicas. Caso contrário, quando a maré chegar, ela será facilmente engolida pelas novas tecnologias em crescentes. Pessoalmente, sinto que é como o Japão após o terremoto, e um enorme tsunami está prestes a vir ...
Embalagem de código de teste e download