Comentario: Reproducir el sonido basado en los elementos de audio HTML5 JQuery complemento, amigos que lo necesitan pueden referirse a él.
1. Algunos Naggings por delanteCuando estaba en mi universidad de ensueño, el sitio web de Flash parecía ser un poco popular, y en sitios flash con un poco de contenido, varios efectos de sonido siempre fueron indispensables. Algunos de los efectos de sonido son música de fondo que crea la atmósfera, y la otra parte son los sonidos interactivos que promueven la interacción y mejoran la experiencia, como el pitido o el zumbido cuando los botones se presionan o pasan. En ese momento, había pocas interacciones de sonido en páginas web muy lejos de Flash. Incluso si hubiera, para lograr la compatibilidad, ya sea con la ayuda de controles o interactuando con Flash (por ejemplo, la implementación del sonido de explosión de las balas que alcanzan el objetivo en un juego mental retrasado que escribí antes).
Marx nos dice que las cosas se desarrollan, y las niñas algún día se convertirán en mujeres jóvenes, y también lo es la tecnología. Por ejemplo, el CEO de Mozilla, Gary Kwicks, reveló hoy que Firefox 5 se lanzará oficialmente el 22 de junio, solo 3 meses después de que se lanzara Firefox 4, haga clic para ver. Con el avance y la popularidad de HTML5, muchos efectos que se lograron previamente con Flash ahora se pueden implementar fácilmente en las páginas web. Por ejemplo, la reproducción de los archivos de audio. Este artículo hará algo de diversión, de modo que el efecto de reproducir sonidos cuando el elemento se cierne se logra fácilmente bajo jQuery, basado en elementos de audio HTML5. Por lo tanto, en lo que respecta a este artículo y este complemento, es decir, IE6 ~ 8 es una vida de hacer salsa de soja y mantener un grupo para mantenerse calientes.
2. Efectos, recursos y uso
Al igual que las citas ciegas, es muy importante para cómo se ve la otra persona, así que si quieres ver la verdadera cara de Lushan, puedes hacer clic aquí: reproducir la demostración de enchufa de jQuery de sonido
Puede ver una navegación vertical similar a la siguiente en la demostración:
La primera ola de navegación cuando el mouse se mueve rápidamente, siempre habrá un sonido que se reproducirá, al igual que la llamada de la madre en mi corazón; Mientras el mouse se mueve rápidamente, y la navegación a continuación se reproduce con múltiples sonidos como petardos, al igual que la llamada de muchos ídolos en mi corazón.
Este complemento de jQuery es muy simple y muy pequeño, aproximadamente 30 yuanes, entonces, ¿por qué usar armas antiaéreas para luchar contra los mosquitos? Entonces, no lo empacaré. Si está interesado en los scripts, puede hacer clic derecho-[Target | Enlace] Guardar como el siguiente enlace: jQuery-AudioPlay.js
usar
Primero, llame a la biblioteca jQuery y este archivo de script de efecto, como sigue:
<script type = text/javascript src => </script> _fcksavedurl => </script> _fcksavedurl => </script> _fcksavedurl => </script>
<script type = text/javaScript src => </script>
Luego, ata los elementos que requieren que el mouse reproduzca el sonido. El nombre del método es: AudioPlay (), por ejemplo, lo siguiente se usa en la página de demostración:
$ ("#Nav Li"). AudioPlay ({
Nombre: "PlayOnce",
Urlmp3: "/study/media/beep.mp3",
Urlogg: "/study/media/beep.ogg"
});
Obviamente, no es posible reproducir sonido sin una fuente de archivo de audio, por lo que la dirección de audio es indispensable en los parámetros. Para parámetros específicos e instrucciones relacionadas, consulte la tabla a continuación:
Definición de parámetro predeterminada
NameaudioPlay String, utilizada para agrupar. Se usa cuando hay múltiples grupos de elementos de juego en la página al mismo tiempo.
Cadena URLMP3, este parámetro debe ser. Se refiere a la dirección del archivo de audio en formato MP3.
Cadena Urlogg, este parámetro debe ser. Se refiere a la dirección del archivo de audio en formato OGG.
Tipo booleano Clonefalse. Si el mismo grupo de elementos reproduce la misma fuente de sonido.
Nota: los navegadores de Firefox y Opera admiten audio de formato OGG, mientras que los navegadores principales de WebKit e IE admiten audio de formato MP3.
Los efectos de sonido de los dos grupos de navegación en la página de demostración aplican todos los parámetros anteriores, que se utilizan completamente de la siguiente manera:
$ (function () {
$ ("#Nav Li"). AudioPlay ({
Nombre: "PlayOnce",
Urlmp3: "/study/media/beep.mp3",
Urlogg: "/study/media/beep.ogg"
});
$ ("#Nav2 Li"). AudioPlay ({
Urlmp3: "/study/media/beep.mp3",
Urlogg: "/study/media/beep.ogg",
Clon: verdadero
});
});
3. Algunos molestos al final
Ahora los navegadores que admiten elementos de audio HTML5 son los siguientes: Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, es decir, 9+. En nuestro país mágico, IE6 ~ 8 todavía ocupa la mayor parte del mundo. Puede pensar que las cosas en este artículo aún no tienen ningún valor en la actualidad.
Sin embargo, de acuerdo con el principio de mejora gradual, sopesando la ocupación de servicios públicos y recursos, tampoco es imposible aplicar esta pequeña cosa en este artículo en proyectos reales. Además, con el aumento significativo en el volumen de instalación de Windows 7, la era IE6 puede haber llegado a un final abrupto inadvertidamente. Para entonces, puede que no sea demasiado tarde para que lo compenses. Este sentimiento proviene de mi actual arrendador, que tiene unos sesenta o setenta. Aunque básicamente no sabe nada sobre las computadoras (solo mira las existencias), su computadora es hermosa y hermosa, y parece que es bastante interesante usar el sistema Windows 7.
Aprovechando la marea de la tecnología frontal, debe trabajar duro para practicar habilidades básicas. De lo contrario, cuando llegue la marea, las nuevas tecnologías crecientes se lo tragarán fácilmente. Personalmente, siento que es como Japón después del terremoto, y un gran tsunami está a punto de venir ...
Empaca y descarga del código de prueba