Rumah hujung hadapan web tutorial js Pelaksanaan JavaScript pemain muzik dengan contoh senarai main kemahiran sharing_javascript

Pelaksanaan JavaScript pemain muzik dengan contoh senarai main kemahiran sharing_javascript

May 16, 2016 pm 03:11 PM
javascript js senarai main senarai lagu pemain muzik Audio

Kod menambah senarai main berbanding dengan pelaksanaan pemain yang paling asas dan menggunakan MakeList untuk melaksanakan berbilang main balik Jika perlu, anda boleh menggunakannya secara terus:

<!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>

Salin selepas log masuk

Parameter MakeList: Terdapat 3 parameter secara keseluruhan Parameter pertama ialah ID, parameter kedua ialah alamat URL muzik dan parameter ketiga ialah nama lagu. Arahan semuanya ditulis dalam komen Semua orang dialu-alukan untuk membaca dan merujuk kepada mereka.

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melaraskan keseimbangan audio dalam Win11? (Win11 melaraskan saluran kiri dan kanan volum) Bagaimana untuk melaraskan keseimbangan audio dalam Win11? (Win11 melaraskan saluran kiri dan kanan volum) Feb 11, 2024 pm 05:57 PM

Apabila mendengar muzik atau menonton filem pada komputer Win11, jika pembesar suara atau fon kepala berbunyi tidak seimbang, pengguna boleh melaraskan tahap keseimbangan secara manual mengikut keperluan mereka. Jadi bagaimana kita menyesuaikan diri? Sebagai tindak balas kepada masalah ini, editor telah membawa tutorial operasi terperinci, dengan harapan dapat membantu semua orang. Bagaimana untuk mengimbangi saluran audio kiri dan kanan dalam Windows 11? Kaedah 1: Menggunakan apl Tetapan ketik kekunci dan klik Tetapan. Windows klik Sistem dan pilih Bunyi. Pilih lebih banyak tetapan bunyi. Klik pada pembesar suara/fon kepala anda dan pilih Properties. Navigasi ke tab Tahap dan klik Baki. Pastikan "kiri" dan

Pengalaman pelancaran Bose Soundbar Ultra: Teater rumah terus dari kotak? Pengalaman pelancaran Bose Soundbar Ultra: Teater rumah terus dari kotak? Feb 06, 2024 pm 05:30 PM

Sepanjang yang saya ingat, saya mempunyai sepasang pembesar suara yang berdiri di lantai di rumah Saya sentiasa percaya bahawa TV hanya boleh dipanggil TV jika ia dilengkapi dengan sistem bunyi yang lengkap. Tetapi apabila saya mula bekerja, saya tidak mampu membeli audio rumah profesional. Selepas bertanya dan memahami kedudukan produk, saya dapati kategori bar bunyi sangat sesuai untuk saya ia memenuhi keperluan saya dari segi kualiti bunyi, saiz dan harga. Oleh itu, saya memutuskan untuk menggunakan bar bunyi. Selepas pemilihan yang teliti, saya memilih produk bar bunyi panoramik yang dilancarkan oleh Bose pada awal 2024: Pembesar suara hiburan rumah Bose Ultra. (Sumber foto: Difoto oleh Lei Technology) Secara umumnya, jika kita ingin mengalami kesan Dolby Atmos "asal", kita perlu memasang bunyi sekeliling + siling yang diukur dan ditentukur di rumah.

Bagaimana untuk mengisih senarai main dalam Apple Music pada iPhone Bagaimana untuk mengisih senarai main dalam Apple Music pada iPhone Feb 07, 2024 pm 10:33 PM

Apple Music kini menawarkan keupayaan untuk menyusun semula susunan lagu yang muncul dalam senarai main. Anda boleh mengisih senarai main berdasarkan tajuk lagu, artis, album dan tarikh keluaran. Ciri ini berfungsi dengan semua senarai main dalam Apple Music, bukan hanya senarai main yang anda buat sendiri. Dalam artikel ini, kami akan menerangkan cara mengisih lagu dalam senarai main dalam AppleMusic pada iPhone. Cara Isih Lagu dalam Senarai Main dalam AppleMusic pada iPhone Anda boleh mengikuti langkah di bawah untuk menyusun semula lagu dalam senarai main AppleMusic mengikut pilihan anda. Untuk mengisih lagu dalam senarai main anda, pada iPhone anda

Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik Apr 03, 2024 am 11:55 AM

Teknologi pengesanan dan pengecaman muka adalah teknologi yang agak matang dan digunakan secara meluas. Pada masa ini, bahasa aplikasi Internet yang paling banyak digunakan ialah JS Melaksanakan pengesanan muka dan pengecaman pada bahagian hadapan Web mempunyai kelebihan dan kekurangan berbanding dengan pengecaman muka bahagian belakang. Kelebihan termasuk mengurangkan interaksi rangkaian dan pengecaman masa nyata, yang sangat memendekkan masa menunggu pengguna dan meningkatkan pengalaman pengguna termasuk: terhad oleh saiz model, ketepatannya juga terhad. Bagaimana untuk menggunakan js untuk melaksanakan pengesanan muka di web? Untuk melaksanakan pengecaman muka di Web, anda perlu biasa dengan bahasa dan teknologi pengaturcaraan yang berkaitan, seperti JavaScript, HTML, CSS, WebRTC, dll. Pada masa yang sama, anda juga perlu menguasai visi komputer yang berkaitan dan teknologi kecerdasan buatan. Perlu diingat bahawa kerana reka bentuk bahagian Web

Bagaimana untuk menyediakan mikrofon dalam pengurus audio definisi tinggi realtek Bagaimana untuk menyediakan mikrofon dalam pengurus audio definisi tinggi realtek Jan 02, 2024 am 09:33 AM

Sistem win10 ialah sistem yang boleh menjalankan pelbagai tetapan dan pelarasan Hari ini, editor memberikan anda penyelesaian tentang cara menetapkan mikrofon dalam pengurus audio definisi tinggi realtek! Jika anda berminat, datang dan lihat. Cara menetapkan mikrofon dalam pengurus audio definisi tinggi realtek: 1. Cari ikon "pengurus audio definisi tinggi realtek" dalam rancangan ikon tersembunyi di sudut kiri bawah desktop. 2. Klik untuk memasuki antara muka Perkara pertama yang anda lihat ialah "Halaman Pembesar Suara". Dalam antara muka ini, anda boleh melaraskan bunyi pembesar suara melalui konfigurasi pembesar suara. 3. Seterusnya ialah kesan bunyi Anda boleh memilih persekitaran kesan bunyi yang anda inginkan serta "equalizer, pop, rock, club" dan sebagainya. 4. Seterusnya ialah pembetulan kualiti bunyi dalaman hanya boleh membetulkan ".

Bagaimana untuk mendayakan peningkatan audio Windows 11 Bagaimana untuk mendayakan peningkatan audio Windows 11 Jan 26, 2024 am 10:54 AM

Sesetengah rakan telah melaporkan bahawa walaupun bunyi dalam komputer mereka dinaikkan ke tahap maksimum, kelantangan masih terlalu rendah Pada masa ini, fungsi audio yang dipertingkatkan dalam sistem boleh dihidupkan , editor akan memberi anda pengenalan terperinci Rakan-rakan yang memerlukannya boleh melihat cara menghidupkan audio dipertingkatkan dalam Win11. Cara membuka: 1. Klik kanan Mula dalam bar tugas di sudut kiri bawah dan pilih "Tetapan" dalam senarai pilihan. 2. Selepas memasuki antara muka baharu, klik pilihan "Bunyi" dalam "Sistem". 3. Kemudian klik "Semua Peranti Bunyi" dalam "Lanjutan". 4. Kemudian pilih "Fon Kepala" atau "Pembesar Suara" dalam "Peranti Output". 5. Akhir sekali, cari "Audio Dipertingkat" dan hidupkan butang suis di sebelah kanannya.

Pemasangan pemacu audio Realtek HD gagal dengan ralat 0x00005b3 Pemasangan pemacu audio Realtek HD gagal dengan ralat 0x00005b3 Feb 19, 2024 am 10:42 AM

Jika anda menghadapi kod ralat kegagalan pemacu audio RealtekHD 0x00005b3 pada Windows 11/10 PC, sila rujuk langkah berikut untuk menyelesaikan isu tersebut. Kami akan membimbing anda melalui penyelesaian masalah dan menyelesaikan ralat. Kod ralat 0x00005b3 mungkin disebabkan oleh isu pemasangan pemacu audio. Mungkin pemacu semasa rosak atau sebahagian dinyahpasang, menjejaskan pemasangan pemacu baharu. Isu ini juga boleh disebabkan oleh ruang cakera yang tidak mencukupi atau pemacu audio yang tidak serasi dengan versi Windows anda. Pemasangan pemacu audio RealtekHD gagal! ! [Kod Ralat: 0x00005B3] Jika terdapat masalah dengan Wizard Pemasangan Pemacu Audio Realtek, teruskan membaca

Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok Dec 18, 2023 pm 03:39 PM

Dengan perkembangan pesat kewangan Internet, pelaburan saham telah menjadi pilihan semakin ramai orang. Dalam perdagangan saham, carta lilin adalah kaedah analisis teknikal yang biasa digunakan Ia boleh menunjukkan trend perubahan harga saham dan membantu pelabur membuat keputusan yang lebih tepat. Artikel ini akan memperkenalkan kemahiran pembangunan PHP dan JS, membawa pembaca memahami cara melukis carta lilin saham dan menyediakan contoh kod khusus. 1. Memahami Carta Lilin Saham Sebelum memperkenalkan cara melukis carta lilin saham, kita perlu memahami dahulu apa itu carta lilin. Carta candlestick telah dibangunkan oleh orang Jepun

See all articles