interface Web
js tutoriel
Implémentation JavaScript d'un lecteur de musique avec un exemple de liste de lecture, compétences Sharing_Javascript
Implémentation JavaScript d'un lecteur de musique avec un exemple de liste de lecture, compétences Sharing_Javascript
Le code ajoute une playlist par rapport à l'implémentation de lecteur la plus basique, et utilise MakeList pour implémenter plusieurs lectures. Si nécessaire, vous pouvez l'utiliser directement :
.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
</head>
<body style="font-family:Verdana; font-size:12px">
<script>
/*************************************************************
LovelyLife Player V1.0
Edited By LovelyLife
At 2006-09-16
All rights reservered
Code Start
Modify by http://www.tt419.cn/
*************************************************************/
var playid = "LovelyLifePlayer"
var status = "status"
var curId,arrPL,selected
var isStop,isLoop
arrPL = new Array() //播放器列表
cur = 0
curId = 0
isStop = false
selected = 0
isLoop = true
function songObj(Id,url, name){
this.Id = Id
this.url = url
this.name = name
}
function playAndpauseIt(){
if(document.getElementById(status).innerText == '暂停'){
document.getElementById(playid).controls.pause()
document.getElementById(status).innerHTML ='播放'
}
else{ document.getElementById(status).innerText = '暂停'
document.getElementById(playid).controls.play()}
}
function stopIt(){
isStop = true
document.getElementById(status).innerHTML ='播放'
document.getElementById(playid).controls.stop()
}
function showTimer(){
var cp=document.getElementById(playid).controls.currentPosition
var cps=document.getElementById(playid).controls.currentPositionString
var dur=document.getElementById(playid).currentMedia.duration;
var durs=document.getElementById(playid).currentMedia.durationString;
var s = document.getElementById(playid).playState
var o = document.getElementById(playid).openState
if( s==2 || s==3)
document.getElementById('pos').innerText = " " + cps + "/" + durs + " "
else
document.getElementById('pos').innerText = " 00:00/" + durs + " "
if( s == 1 ){
if(isLoop && (curId > (arrPL.length - 1))){
curId = 0
return 0
}
clearIt()
if(curId<0 || curId>arrPL.length){
alert("当前没有歌曲！，请查看播放列表！")
return false
}
nxtPlay()
}
if( s == 10 && arrPL.length >0 )
nxtPlay()
}
function nxtPlay(){
isStop = true
if(curId > arrPL.length - 1){
document.getElementById("songName").innerText = "没有歌曲了，请选择上一曲!"
document.getElementById(playid).URL = "NULL"
return false
}
curId++
clearIt()
setIt(curId)
PlayIt(curId)
}
function prePlay(){
isStop = true
if(curId<0){
document.getElementById("songName").innerText = "没有歌曲了，请选择下一曲!"
document.getElementById(playid).URL = "NULL"
return false
}
curId--
clearIt()
setIt(curId)
PlayIt(curId)
}
function PlayIt(cid){
if(curId<0 || curId>arrPL.length -1){
document.getElementById("songName").innerText = "当前没有歌曲！，请查看播放列表！"
return false
}
url = arrPL[cid].url;
curId = cid
if(url == "None"){
document.getElementById("songName").innerText = "加载歌曲未找到!播放下一曲！"
nxtPlay()
return false
}
document.getElementById(playid).URL = url
document.getElementById("songName").innerText = arrPL[cid].name
}
function clearIt(){
if((arrPL.length - 1 <0) || selected < 0 || selected > arrPL.length){
return false
}
}
function setIt(tid){
if(tid<0 || tid>arrPL.length-1){
document.getElementById("songName").innerText = "当前没有歌曲！，请查看播放列表！"
return false
}
}
function InitPlay(songName,url,auto){
var strTemp = "<object classid=\"CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6\""
strTemp += " type=\"application/x-oleobject\" width=\"0\" height=\"0\" id=" + playid
strTemp += " style=\"position:relative; left:0px; top:0px; width:0px; height:0px;\">\n"
strTemp += " <param name=\"autoStart\" value=\""+auto+"\">\n"
strTemp += " <param name=\"balance\" value=\"0\">\n"
strTemp += " <param name=\"currentPosition\" value=\"0\">\n"
strTemp += " <param name=\"currentMarker\" value=\"0\">\n"
strTemp += " <param name=\"enableContextMenu\" value=\"0\">\n"
strTemp += " <param name=\"enableErrorDialogs\" value=\"0\">\n"
strTemp += " <param name=\"enabled\" value=\"-1\">\n"
strTemp += " <param name=\"fullScreen\" value=\"0\">\n"
strTemp += " <param name=\"invokeURLs\" value=\"0\">\n"
strTemp += " <param name=\"mute\" value=\"0\">\n"
strTemp += " <param name=\"playCount\" value=\"1\">\n"
strTemp += " <param name=\"rate\" value=\"1\">\n"
strTemp += " <param name=\"uiMode\" value=\"none\">\n"
strTemp += " <param name=\"volume\" value=\"100\">\n"
strTemp += " <param name=\"URL\" value=\"" + url + "\">\n"
strTemp += "</object>\n<font class=HighLight style=\"background-color: #EEE;padding: 8px;height:30px;width:100%\">"
strTemp += "<b>点播的歌曲: <marquee width=30% speed=3><font color=red id=songName>" + songName + "</font></marquee>"
strTemp += " [<font id=pos></font>]"
strTemp += " [<font onclick=playAndpauseIt() style='cursor:hand;' id=" + status + ">播放</font>]"
strTemp += "[<font onclick=stopIt() style='cursor:hand;'>停止</font>]"
if((arrPL.length - 2) >= 0){
strTemp += "[<font onclick=prePlay() style='cursor:hand;'>上曲</font>]"
strTemp += "[<font onclick=nxtPlay() style='cursor:hand;'>下曲</font>]"
}
strTemp += " </b>"
document.getElementById('player').innerHTML = strTemp
temptimer=setInterval('showTimer()',1000);
}
function playX(cur){
PlayIt(cur)
clearIt()
setIt(cur)
curId = cur
selected = cur
}
function MakeList(Id,Url,Name){
arrPL[cur] = new songObj(Id,Url, Name)
cur++
}
function loopIt(){
if(isLoop){
document.getElementById('sloop').innerText = "不循环"
isLoop = false
}else{
document.getElementById('sloop').innerText = "循环播放"
isLoop = true
}
}
/* Code End */
window.attachEvent('onload', function(){
InitPlay("女人如烟[词曲：穆真 演唱：魏佳艺]","http://happy369.com/yy/nrry.mp3", 1);
playAndpauseIt();
})
</script>
<div id=player style="width:70%"></div>
<script>
MakeList(1,"http://happy369.com/yy/nrry.mp3","111");
MakeList(2,"http://www.gxyx.net/sourcefile/0/0/2/2958.wma","222");
MakeList(3,"http://hz.98777.com/rm0402/q/258.rm","333");
MakeList(4,"http://www.gxyx.net/sourcefile/0/0/2/2958.wma","4444");
</script>
</body>
</html>
Paramètres MakeList : Il y a 3 paramètres au total. Le premier paramètre est l'ID, le deuxième paramètre est l'adresse URL de la musique et le troisième paramètre est le nom de la chanson. Les instructions sont toutes écrites dans les commentaires. Tout le monde est invité à les lire et à s'y référer.
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment régler la balance audio dans Win11 ? (Win11 ajuste les canaux de volume gauche et droit)
Feb 11, 2024 pm 05:57 PM
Lorsqu'ils écoutent de la musique ou regardent des films sur un ordinateur Win11, si le son des haut-parleurs ou des écouteurs est déséquilibré, les utilisateurs peuvent régler manuellement le niveau de balance en fonction de leurs besoins. Alors comment s’ajuster ? En réponse à ce problème, l'éditeur a proposé un tutoriel de fonctionnement détaillé, dans l'espoir d'aider tout le monde. Comment équilibrer les canaux audio gauche et droit dans Windows 11 ? Méthode 1 : utilisez l'application Paramètres pour appuyer sur la touche et cliquez sur Paramètres. Windows, cliquez sur Système et sélectionnez Son. Sélectionnez plus de paramètres sonores. Cliquez sur vos haut-parleurs/écouteurs et sélectionnez Propriétés. Accédez à l'onglet Niveaux et cliquez sur Solde. Assurez-vous que "à gauche" et
Expérience de lancement de la Bose Soundbar Ultra : le cinéma maison dès la sortie de la boîte ?
Feb 06, 2024 pm 05:30 PM
D'aussi loin que je me souvienne, j'ai eu une paire de grandes enceintes sur pied chez moi. J'ai toujours pensé qu'un téléviseur ne pouvait être appelé téléviseur que s'il était équipé d'un système audio complet. Mais lorsque j’ai commencé à travailler, je ne pouvais pas me permettre un son professionnel à domicile. Après m'être renseigné et compris le positionnement du produit, j'ai trouvé que la catégorie barre de son me convient très bien. Elle répond à mes besoins en termes de qualité sonore, de taille et de prix. J’ai donc décidé d’opter pour la barre de son. Après une sélection minutieuse, j'ai sélectionné ce produit de barre de son panoramique lancé par Bose début 2024 : l'enceinte de divertissement à domicile Bose Ultra. (Source photo : photographié par Lei Technology) De manière générale, si nous voulons expérimenter l'effet Dolby Atmos « original », nous devons installer chez nous un son surround + plafond mesuré et calibré.
Comment trier les listes de lecture dans Apple Music sur iPhone
Feb 07, 2024 pm 10:33 PM
Apple Music offre désormais la possibilité de réorganiser l'ordre dans lequel les chansons apparaissent dans les listes de lecture. Vous pouvez trier la liste de lecture en fonction du titre de la chanson, de l'artiste, de l'album et de la date de sortie. Cette fonctionnalité fonctionne avec toutes les listes de lecture d'Apple Music, pas seulement celles que vous créez vous-même. Dans cet article, nous expliquerons comment trier les chansons dans les listes de lecture dans AppleMusic sur iPhone. Comment trier les chansons dans la liste de lecture dans AppleMusic sur iPhone Vous pouvez suivre les étapes ci-dessous pour réorganiser les chansons dans la liste de lecture AppleMusic selon vos préférences. Pour trier les chansons dans une liste de lecture, sur votre iPhone
Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS
Apr 03, 2024 am 11:55 AM
La technologie de détection et de reconnaissance des visages est déjà une technologie relativement mature et largement utilisée. Actuellement, le langage d'application Internet le plus utilisé est JS. La mise en œuvre de la détection et de la reconnaissance faciale sur le front-end Web présente des avantages et des inconvénients par rapport à la reconnaissance faciale back-end. Les avantages incluent la réduction de l'interaction réseau et de la reconnaissance en temps réel, ce qui réduit considérablement le temps d'attente des utilisateurs et améliore l'expérience utilisateur. Les inconvénients sont les suivants : il est limité par la taille du modèle et la précision est également limitée ; Comment utiliser js pour implémenter la détection de visage sur le web ? Afin de mettre en œuvre la reconnaissance faciale sur le Web, vous devez être familier avec les langages et technologies de programmation associés, tels que JavaScript, HTML, CSS, WebRTC, etc. Dans le même temps, vous devez également maîtriser les technologies pertinentes de vision par ordinateur et d’intelligence artificielle. Il convient de noter qu'en raison de la conception du côté Web
Comment configurer le microphone dans le gestionnaire audio haute définition Realtek
Jan 02, 2024 am 09:33 AM
Le système win10 est un système capable d'effectuer divers réglages et ajustements. Aujourd'hui, l'éditeur vous propose la solution pour configurer le microphone dans le gestionnaire audio haute définition Realtek ! Si vous êtes intéressé, venez jeter un oeil. Comment configurer le microphone dans Realtek High-Definition Audio Manager : 1. Recherchez l'icône « Realtek High-Definition Audio Manager » dans la liste des icônes cachées dans le coin inférieur gauche du bureau. 2. Cliquez pour accéder à l'interface. La première chose que vous voyez est la « Page du haut-parleur ». Dans cette interface, vous pouvez régler le son du haut-parleur via la configuration des haut-parleurs. 3. Vient ensuite l'effet sonore. Vous pouvez choisir l'environnement d'effet sonore que vous souhaitez et « égaliseur, pop, rock, club », etc. 4. Vient ensuite la correction de la qualité du son intérieur. La correction de l'espace intérieur ne peut corriger que le ".
Comment activer les améliorations audio de Windows 11
Jan 26, 2024 am 10:54 AM
Certains amis ont signalé que même si le son de leur ordinateur est augmenté au maximum, le volume est encore trop faible. À ce stade, la fonction audio améliorée du système peut être activée. Alors, comment procéder ? , l'éditeur vous donnera une introduction détaillée. Les amis qui en ont besoin peuvent découvrir comment activer l'audio amélioré dans Win11. Comment ouvrir : 1. Cliquez avec le bouton droit sur Démarrer dans la barre des tâches dans le coin inférieur gauche et sélectionnez « Paramètres » dans la liste des options. 2. Après être entré dans la nouvelle interface, cliquez sur l'option « Son » dans « Système ». 3. Cliquez ensuite sur « Tous les périphériques audio » dans « Avancé ». 4. Sélectionnez ensuite « Casque » ou « Haut-parleurs » dans « Périphériques de sortie ». 5. Enfin, recherchez « Enhanced Audio » et allumez le bouton interrupteur sur le côté droit de celui-ci.
L'installation du pilote audio Realtek HD a échoué avec l'erreur 0x00005b3
Feb 19, 2024 am 10:42 AM
Si vous rencontrez le code d'erreur d'échec du pilote audio RealtekHD 0x00005b3 sur un PC Windows 11/10, veuillez vous référer aux étapes suivantes pour résoudre le problème. Nous vous guiderons tout au long du dépannage et de la résolution de l'erreur. Le code d'erreur 0x00005b3 peut être dû à des problèmes d'installation du pilote audio. Il se peut que le pilote actuel soit corrompu ou partiellement désinstallé, affectant l'installation du nouveau pilote. Ce problème peut également être dû à un espace disque insuffisant ou à un pilote audio incompatible avec votre version de Windows. L'installation du pilote audio RealtekHD a échoué ! ! [Code d'erreur : 0x00005B3] S'il y a un problème avec l'assistant d'installation du pilote audio Realtek, continuez à lire
Pourquoi les autres ne voient-ils pas la playlist de musique soda ?
Feb 27, 2024 pm 12:30 PM
Soda Music est un logiciel de lecture de musique conçu sur mesure pour les mélomanes. Il dispose d'un grand nombre de ressources musicales, couvrant les œuvres musicales les plus populaires, les plus classiques du moment. Que vous aimiez les créations indépendantes, les succès pop ou les classiques anciens, vous pouvez trouver la musique qui répond à vos besoins dans Soda Music. Mais après avoir collecté la musique que nous aimons, nous ne souhaitons peut-être pas que les autres la voient. Alors, comment pouvons-nous configurer la musique soda pour qu'elle soit visible uniquement par nous-mêmes ? Les joueurs qui souhaitent en savoir plus peuvent suivre cet article pour en savoir plus ? Comment se fait-il que la playlist Soda Music ne soit visible que par moi ? 1. Ouvrez d'abord l'application Soda Music et cliquez sur « Mon » dans le coin inférieur droit, comme indiqué dans l'image ci-dessous. 2. Entrez dans l'interface Mon et ouvrez la liste de lecture que vous souhaitez définir, comme indiqué dans l'image ci-dessous. 3. Entrez les détails de la playlist
