Maison Effets spéciaux JS effets jQuery Plug-in du lecteur de musique du site Web jQuery MPlayer

Plug-in du lecteur de musique du site Web jQuery MPlayer

Plug-in du lecteur de musique du site Web jQuery MPlayer

Plug-in du lecteur de musique du site Web jQuery MPlayer

Il s'agit d'un code de lecteur de musique festif rouge pour la crackée du Nouvel An chinois 2017. Téléchargez le plug-in du lecteur de musique du site Web jQuery MPlayer. Remarque : L'effet de démonstration est masqué dans le coin inférieur gauche, ne pensez pas qu'il n'y a pas de démonstration !

code js
<script src="js/jquery-2.1.1.js"></script>
<script src="js/mplayer.js"></script>
<script src="js/mplayer-list.js"></script>
<script src="js/mplayer-functions.js"></script>
<script src="js/jquery.nstSlider.min.js"></script>
<script>
var modeText = ['Lecture séquentielle', 'Boucle unique', 'Lecture aléatoire', 'Boucle de liste'];
var joueur = nouveau MPlayer ({
//Nom du sélecteur de conteneur
conteneurSelector : '.mp',
// playlist
liste de chansons : mplayer_song,
//L'image affichée lorsque l'image de l'album est fausse
defaultImg : 'img/mplayer_error.png',
//Lecture automatique
Lecture automatique : vrai,
// Mode de lecture (0-> lecture séquentielle, 1-> boucle unique, 2-> lecture aléatoire, 3-> boucle de liste (par défaut))
Mode de lecture :0,
liste de lecture :0,
jouerChanson :0,
//La distance entre les paroles actuelles et le top
lrcTopPos : 34,
// Modèle de liste, utilisez ${nom de la variable}$ pour insérer des variables de modèle
listFormat : '<tr><td>${name}$</td><td>${singer}$</td><td>${time}$</td>< ;/tr>',
//Le curseur de volume change le nom de l'événement
volSlideEventName : 'change',
//Volume initial
Volume par défaut : 80
}, fonction () {
//Événement de liaison
this.on('afterInit', function() {
console.log('Initialisation du joueur terminée et préparation à jouer');
}).on('beforePlay', function() {
var $this = ceci;
var chanson = $this.getCurrentSong(true);
var songName = chanson.nom + ' - ' + chanson.singer;
console.log('Sur le point de jouer'+songName+', return false; Annuler la lecture');
}).on('timeUpdate', function() {
var $this = ceci;
console.log('Paroles actuelles : ' + $this.getLrc());
}).on('end', function() {
var $this = ceci;
var chanson = $this.getCurrentSong(true);
var songName = chanson.nom + ' - ' + chanson.singer;
console.log(songName+'La lecture est terminée, renvoie false ; vous pouvez annuler la lecture de la chanson suivante');
}).on('muet', function() {
var status = this.getIsMuted() ? 'Muet' : 'Pas muet';
console.log('Statut muet actuel : ' + statut);
}).on('changeMode', function() {
var $this = ceci;
var mode = modeText[$this.getPlayMode()];
$this.dom.container.find('.mp-mode').attr('title',mode);
console.log('Le mode de lecture a été basculé sur : ' + mode);
});
});

$(document.body).append(player.audio); // Pour tester

setEffects(joueur);

</script>
Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

Le plug-in C# Fiddler implémente l'introduction graphique de la fonction de navigation hors ligne du site Web Le plug-in C# Fiddler implémente l'introduction graphique de la fonction de navigation hors ligne du site Web

06 Mar 2017

Cet article présente principalement les principes et méthodes du plug-in C# Fiddler pour implémenter la fonction de navigation hors ligne du site web. Il a une très bonne valeur de référence. Voyons-le avec l'éditeur.

Plug-in d'effets spéciaux de feux d'artifice réalistes basé sur un canevas HTML5 Plug-in d'effets spéciaux de feux d'artifice réalistes basé sur un canevas HTML5

18 Jan 2017

jquery-fireworks est un plug-in jQuery pour des effets spéciaux de feux d'artifice réalistes basés sur HTML5 Canvas. Le plugin est simple à utiliser et librement configurable. Il peut générer des effets de feux d'artifice réalistes dans un conteneur div.

Comment conserver les effets de survol de la souris jQuery dans ASP.NET UpdatePanels ? Comment conserver les effets de survol de la souris jQuery dans ASP.NET UpdatePanels ?

03 Dec 2024

jQuery $(document).ready et UpdatePanels : un look raffinéLorsque vous utilisez jQuery pour appliquer des effets de survol de la souris aux éléments d'un UpdatePanel, le...

Comment créer un curseur d'image jQuery simple avec des effets de glissement et d'opacité ? Comment créer un curseur d'image jQuery simple avec des effets de glissement et d'opacité ?

24 Nov 2024

Créer un curseur d'image jQuery simple avec des effets de glissement et d'opacitéCréer un curseur d'image personnalisé dans jQuery sans recourir à des plugins externes...

Comment puis-je créer facilement un curseur d'image jQuery avec des effets de fondu ou de diapositive ? Comment puis-je créer facilement un curseur d'image jQuery avec des effets de fondu ou de diapositive ?

24 Nov 2024

Simplifiez la création de curseurs d'image jQuery avec des effets de fondu ou de diapositive. Que vous soyez un développeur chevronné ou que vous débutiez avec jQuery, créez...

Effet de commutation coulissante hwSlider-content (3) : encapsulation du plug-in jquery.hwSlide.js Effet de commutation coulissante hwSlider-content (3) : encapsulation du plug-in jquery.hwSlide.js

24 Feb 2017

Après les explications des deux premières parties, nous connaissons à peu près les idées et techniques de développement de base du changement coulissant de contenu. Maintenant, dans la troisième partie, nous optimisons le code des deux premières parties et l'encapsulons dans un plug-in jQuery : jquery. hwSlide.js. Les développeurs peuvent facilement créer divers effets de carrousel d’images, des effets d’image de focalisation et des effets de glissement mixtes graphiques et textuels. Voir la démo Télécharger

Comment simuler les effets de survol sur les écrans tactiles en appuyant longuement ? Comment simuler les effets de survol sur les écrans tactiles en appuyant longuement ?

22 Oct 2024

Pour reproduire les effets de survol sur les appareils tactiles, cet article propose une technique utilisant une combinaison de CSS et JavaScript. Il montre comment ajouter des effets de survol aux éléments sur les événements touchstart et touchend à l'aide de jQuery, et comment styliser les événements.

Comment créer un simple curseur d'image jQuery avec des effets de fondu ou de diapositive ? Comment créer un simple curseur d'image jQuery avec des effets de fondu ou de diapositive ?

07 Dec 2024

Création d'un simple curseur d'image jQuery avec des effets d'opacité ou de glissement Bien que l'utilisation de plugins prédéfinis puisse être pratique, ils peuvent également ajouter...

Plugin jQuery pour lecteur audio de style disque vinyle Plugin jQuery pour lecteur audio de style disque vinyle

19 Jan 2017

Colorizer est un plug-in jQuery qui peut créer un lecteur audio de type disque vinyle. Ce plug-in utilise jQuery pour piloter la lecture audio et utilise CSS3 pour créer des effets d'animation pour le tourne-disque.

See all articles See all articles

Hot Tools

jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin

jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin

Un effet spécial d'animation de feux d'artifice de confession jQuery pour la Saint-Valentin très populaire sur Douyin, adapté aux programmeurs et aux geeks techniques pour exprimer leur amour à la fille qu'ils aiment. Peu importe que vous choisissiez de l'aimer ou non, vous devez finalement être d'accord.

modèle d'interface de connexion animée réactive layui

modèle d'interface de connexion animée réactive layui

modèle d'interface de connexion animée réactive layui

520 effets spéciaux d'animation Web de confession de la Saint-Valentin

520 effets spéciaux d'animation Web de confession de la Saint-Valentin

Animation de confession jQuery pour la Saint-Valentin, animation d'arrière-plan de 520 confessions

Cool page de connexion au système

Cool page de connexion au système

Cool page de connexion au système

Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE

Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE

Lecteur de musique à cassette HTML5-LECTEUR DE CASSETTE