Commentaire: Jouez un son basé sur le plug-in HTML5 Audio Elements JQuery, les amis qui en ont besoin peuvent y faire référence.
1. Certains tentures à l'avanceQuand j'étais dans mon université de rêve, le site Web Flash semblait être un peu populaire et sur des sites flash avec un peu de contenu, divers effets sonores étaient toujours indispensables. Certains des effets sonores sont une musique de fond qui crée l'atmosphère, et l'autre partie est des sons interactifs qui favorisent l'interaction et améliorent l'expérience, tels que le bip ou le bourdonnement lorsque les boutons sont pressés ou passés. À cette époque, il y avait peu d'interactions sonores sur les pages Web loin de Flash. Même s'il y en avait, pour atteindre la compatibilité, soit à l'aide de contrôles, soit en interagissant avec Flash (par exemple, la mise en œuvre du son d'explosion des balles atteignant la cible dans un jeu mentalement retardé que j'ai écrit auparavant).
Marx nous dit que les choses se développent et que les filles deviendront un jour des jeunes femmes, tout comme la technologie. Par exemple, le PDG de Mozilla, Gary Kwicks, a révélé aujourd'hui que Firefox 5 sera officiellement publié le 22 juin, seulement 3 mois après la sortie de Firefox 4 - cliquez pour voir. Avec l'avancement et la popularité de HTML5, de nombreux effets qui ont été réalisés auparavant avec Flash peuvent désormais être facilement mis en œuvre sur les pages Web. Par exemple, la lecture des fichiers audio. Cet article rendra un peu amusant, de sorte que l'effet de jouer des sons lorsque l'élément Hover est facilement réalisé sous jQuery, basé sur des éléments audio HTML5. Par conséquent, en ce qui concerne cet article et ce plug-in, IE6 ~ 8 est une vie de fabrication de sauce de soja et de maintenir un groupe pour rester au chaud.
2. Effets, ressources et utilisation
Tout comme les dates aveugles, il est très important pour ce à quoi ressemble l'autre personne, donc si vous voulez avoir un aperçu du vrai visage de Lushan, vous pouvez cliquer ici: Play the Sound JQuery Plug-In Demo
Vous pouvez voir une navigation verticale similaire à ce qui suit dans la démo:
La première vague de navigation lorsque la souris bouge rapidement, il n'y aura toujours qu'un seul son, tout comme l'appel de la mère dans mon cœur; Alors que la souris se déplace rapidement, et la navigation ci-dessous se joue avec plusieurs sons comme des pétards, tout comme l'appel de nombreuses idoles dans mon cœur.
Ce plug-in jQuery est très simple et très petit, environ 30 yuans, alors pourquoi utiliser des canons antiaériens pour combattre les moustiques? Donc, je ne vais pas l'emballer. Si vous êtes intéressé par les scripts, vous pouvez cliquer avec le bouton droit - [Target | lien] Enregistrer comme le lien suivant: jQuery-Audioplay.js
utiliser
Tout d'abord, appelez la bibliothèque JQuery et ce fichier de script d'effet, comme suit:
<script type = text / javascript src => </ script> _fcksavedUrl => </ script> _fcksavedUrl => </ script> _fckavedUrl => </script>
<script type = text / javascript src => </ script>
Ensuite, liez les éléments qui nécessitent que la souris joue le son. Le nom de la méthode est: AudioPlay (), par exemple, ce qui suit est utilisé dans la page de démonstration:
$ ("# nav li"). AudioPlay ({
Nom: "PlayOnce",
urlmp3: "/study/media/beep.mp3",
Urlogg: "/ study/media/beep.ogg"
});
De toute évidence, il n'est pas possible de lire le son sans source de fichier audio, donc l'adresse audio est indispensable dans les paramètres. Pour des paramètres spécifiques et des instructions connexes, veuillez vous référer au tableau ci-dessous:
Définition du paramètre par défaut
String nameAudioplay, utilisée pour le regroupement. Utilisé lorsqu'il y a plusieurs groupes d'éléments de jeu sur la page en même temps.
Urlmp3 String, ce paramètre doit être. Fait référence à l'adresse du fichier audio au format MP3.
Urlogg String, ce paramètre doit être. Fait référence à l'adresse du fichier audio au format OGG.
Type de booléen CloneFalse. Que le même groupe d'éléments joue la même source sonore.
Remarque: Firefox et les navigateurs d'opéra prennent en charge le format ogg audio, tandis que les navigateurs de base Webkit et le dossier de format MP3 prennent en charge l'audio.
Les effets sonores des deux groupes de navigation sur la page de démonstration appliquent tous les paramètres ci-dessus, qui sont entièrement utilisés comme suit:
$ (function () {
$ ("# nav li"). AudioPlay ({
Nom: "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: vrai
});
});
3. Certains lancinants à la fin
Maintenant, les navigateurs qui prennent en charge les éléments audio HTML5 sont les suivants: Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, IE 9+. Dans notre pays magique, IE6 ~ 8 occupe toujours la plupart du monde. Vous pouvez penser que les choses de cet article ne sont toujours pas de valeur à l'heure actuelle.
Cependant, conformément au principe de l'amélioration progressive, en pesant l'occupation des services publics et des ressources, il n'est pas non plus impossible d'appliquer cette petite chose dans cet article dans les projets réels. De plus, avec l'augmentation significative du volume d'installation de Windows 7, l'ère IE6 peut avoir atteint une fin brutale par inadvertance. D'ici là, il n'est peut-être pas trop tard pour que vous vous compeniez. Ce sentiment vient de mon propriétaire actuel, qui est dans la soixantaine ou les années 70. Bien qu'il ne sache essentiellement rien des ordinateurs (regardez simplement les stocks), son ordinateur est magnifique et magnifique, et il semble qu'il soit assez intéressant d'utiliser le système Windows 7.
Profitant de la marée de la technologie frontale, vous devez travailler dur pour pratiquer les compétences de base. Sinon, lorsque la marée arrivera, elle sera facilement avalée par les nouvelles technologies qui augmentent. Personnellement, je pense que c'est comme le Japon après le tremblement de terre, et un énorme tsunami est sur le point de venir ...
Emballage et téléchargement de code de test