音乐播放器js代码(js音频播放器)[20240424更新]
admin 发布:2024-04-24 06:35 96
今天给各位分享音乐播放器js代码的知识,其中也会对js音频播放器进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、JS高手帮我写一个背景音乐播放代码
- 2、qq空间免费音乐播放器代码怎么用啊,比如这个javascript:window.top.space_addItem(1,26498,80,0,0,0,93);
- 3、求一个js歌词同步的代码
- 4、用html js实现 单击文字然后播放音乐的功能
JS高手帮我写一个背景音乐播放代码
第一段:
embed src="等一分钟.mp3" id="aa"
input type=button value=暂停 onclick="aa.pause();"
input type=button value=播放 onclick="aa.play();"
第二段:
audio id="aaa" src="等一分钟.mp3" autoplay controls/audio
input type=button value=暂停 onclick="aaa.pause();"
input type=button value=播放 onclick="aaa.play();"
IE:支持第一段代码,不支持第二段代码
Firefox:支持第二段代码,第一段代码的第一行需要装插件,不支持第一段的后两行
Chrom:支持第二段代码,不支持第一段代码中的后两行
Opera,Safari:第一段代码的第一行需要装插件,不支持第一段的后两行,不支持第二段代码
qq空间免费音乐播放器代码怎么用啊,比如这个javascript:window.top.space_addItem(1,26498,80,0,0,0,93);
方法如一楼所说 但现在腾讯已经基本这种代码屏蔽了 所以现在找的一些网上免费代码基本不能用
求一个js歌词同步的代码
htmlhead
meta http-equiv=Content-Type content=text/html; charset=utf-8
title林俊杰 - 完美新世界/title
style
!--
.div
{
width:460px;
height:200px;
overflow-y:scroll;
padding-top:80px;
text-align:left;
padding-left:100px;
line-height:25px;
font-size:13px;
padding-bottom:50px;
}
--
/style
script language="javascript"
var scrollt=0;
var tflag=0;//存放时间和歌词的数组的下标
var lytext=new Array();//放存汉字的歌词
var lytime=new Array();//存放时间
var delay=10;
var line=0;
var scrollh=0;
function getLy()//取得歌词
{
var ly="[00:00]完美新世界.[00:10]作曲:林俊杰.[00:14]支持JJ.[00:18]LRC歌词制作:鸿恒之心.[00:44]是你一束光 琥珀色远方.[00:50]回忆被穿肠 伤口被遗忘.[00:56]泪水跟着眼眶 流出一道方向.[01:02]牵引着你我的希望.[01:11][02:52][03:50]手联手 用心连接宇宙.[01:16][02:57]夜光倾透 寒风里微颤抖.[01:22]古老的记忆 不断的寻觅.[01:28][03:09]因为爱要坚持到最后.[01:34][03:15]手联手 抚平心灵伤口.[01:39][03:21][03:55]寒风颤抖 还是要往前走.[01:45][03:26][04:01]当太阳再升起 用爱解冻大地.[01:51][03:32]重建完美新世界 重现你和我.[03:45]Yeah ~ Yeah ~[02:25]什么无偿 说不出模样.[02:31]我是迎着光 逆着风飘荡.[02:37]你说暮色苍茫 空气开始摇晃.[02:44]不用害怕 走吧.[02:46]希望就在不远地方.[03:03]古老的记忆 依然不断的寻觅.[04:07]重现完美新世界.[04:14]只有你和我.[00:06][00:22][01:08][01:33][02:00][02:517][03:14][03:43][03:49][04:19] 歌词很给力噢!.[04:20]music end……."
return ly;
}
function show(t)//显示歌词
{
var div1=document.getElementById("lyr");//取得层
document.getElementById("lyr").innerHTML=" ";//每次调用清空以前的一次
if(tlytime[lytime.length-1])//先舍弃数组的最后一个
{
for(var k=0;klytext.length;k++)
{
if(lytime[k]=ttlytime[k+1])
{
scrollh=k*25;//让当前的滚动条的顶部改变一行的高度
div1.innerHTML+="font color=red style=font-weight:bold"+lytext[k]+"/fontbr";
}
else if(tlytime[lytime.length-1])//数组的最后一个要舍弃
div1.innerHTML+=lytext[k]+"br";
}
}
else//加上数组的最后一个
{
for(var j=0;jlytext.length-1;j++)
div1.innerHTML+=lytext[j]+"br";
div1.innerHTML+="font color=red style=font-weight:bold"+lytext[lytext.length-1]+"/fontbr";
}
}
function scrollBar()//设置滚动条的滚动
{
if(document.getElementById("lyr").scrollTop=scrollh)
document.getElementById("lyr").scrollTop+=1;
if(document.getElementById("lyr").scrollTop=scrollh+50)
document.getElementById("lyr").scrollTop-=1;
window.setTimeout("scrollBar()",delay);
}
function getReady()//在显示歌词前做好准备工作
{
var ly=getLy();//得到歌词
//alert(ly);
var arrly=ly.split(".");//转化成数组
for(var i=0;iarrly.length;i++)
sToArray(arrly[i]);
sortAr();
/*for(var j=0;jlytext.length;j++)
{
document.getElementById("lyr").innerHTML+=lytime[j]+lytext[j]+"br";
}*/
scrollBar();
}
function sToArray(str)//解析如“[02:02][00:24]没想到是你”的字符串前放入数组
{
var left=0;//"["的个数
var leftAr=new Array();
for(var k=0;kstr.length;k++)
{
if(str.charAt(k)=="[")
{
leftAr[left]=k;
left++;
}
}
if(left!=0)
{
for(var i=0;ileftAr.length;i++)
{
lytext[tflag]=str.substring(str.lastIndexOf("]")+1);//放歌词
lytime[tflag]=conSeconds(str.substring(leftAr[i]+1,leftAr[i]+6));//放时间
tflag++;
}
}
//alert(str.substring(leftAr[0]+1,leftAr[0]+6));
}
function sortAr()//按时间重新排序时间和歌词的数组
{
var temp=null;
var temp1=null;
for(var k=0;klytime.length;k++)
{
for(var j=0;jlytime.length-k;j++)
{
if(lytime[j]lytime[j+1])
{
temp=lytime[j];
temp1=lytext[j];
lytime[j]=lytime[j+1];
lytext[j]=lytext[j+1];
lytime[j+1]=temp;
lytext[j+1]=temp1;
}
}
}
}
function conSeconds(t)//把形如:01:25的时间转化成秒;
{
var m=t.substring(0,t.indexOf(":"));
var s=t.substring(t.indexOf(":")+1);
s=parseInt(s.replace(/\b(0+)/gi,""));
if(isNaN(s))
s=0;
var totalt=parseInt(m)*60+s;
//alert(parseInt(s.replace(/\b(0+)/gi,"")));
if(isNaN(totalt))
return 0;
return totalt;
}
function getSeconds()//得到当前播放器播放位置的时间
{
var t=getPosition();
t=t.toString();//数字转换成字符串
var s=t.substring(0,t.lastIndexOf("."));//得到当前的秒
//alert(s);
return s;
}
function getPosition()//返回当前播放的时间位置
{
var mm=document.getElementById("MediaPlayer1");
//var mmt=;
//alert(mmt);
return mm.CurrentPosition;
}
function mPlay()//开始播放
{
var ms=parseInt(getSeconds());
if(isNaN(ms))
show(0);
else
show(ms);
window.setTimeout("mPlay()",100)
}
window.setTimeout("mPlay()",100)
function test()//测试使用,
{
alert(lytime[lytime.length-1]);
}
/script
/head
body onLoad="getReady()"
object id="MediaPlayer1" width="460" height="68" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
codebase=""
align="baseline" border="0" standby="Loading Microsoft Windows Media Player components..."
type="application/x-oleobject"
param name="FileName" value=""
param name="ShowControls" value="1"
param name="ShowPositionControls" value="0"
param name="ShowAudioControls" value="1"
param name="ShowTracker" value="1"
param name="ShowDisplay" value="0"
param name="ShowStatusBar" value="1"
param name="AutoSize" value="0"
param name="ShowGotoBar" value="0"
param name="ShowCaptioning" value="0"
param name="AutoStart" value="1"
param name="PlayCount" value="0"
param name="AnimationAtStart" value="0"
param name="TransparentAtStart" value="0"
param name="AllowScan" value="0"
param name="EnableContextMenu" value="1"
param name="ClickToPlay" value="0"
param name="InvokeURLs" value="1"
param name="DefaultFrame" value="datawindow"
embed src="" align="baseline" border="0" width="460" height="68"
type="application/x-mplayer2"
pluginspage=";sbp=mediaplayerar=mediasba=plugin"
name="MediaPlayer" showcontrols="1" showpositioncontrols="0"
showaudiocontrols="1" showtracker="1" showdisplay="0"
showstatusbar="1"
autosize="0"
showgotobar="0" showcaptioning="0" autostart="1" autorewind="0"
animationatstart="0" transparentatstart="0" allowscan="1"
enablecontextmenu="1" clicktoplay="0" invokeurls="1"
defaultframe="datawindow"
/embed
/object
div id=lyr class=div歌词加载中……/div
div align="center"/div
p align="center" /p
p align="center" /p
/body
/html
用html js实现 单击文字然后播放音乐的功能
上代码
!doctype html
html
head
meta charset="utf-8"
title/title
/head
body
audio id="player"
source src="092 AC DC - You Shook Me All Night Long.mp3"/source
/audio
div style="width: 100%;text-align: center;"span style="cursor: pointer;" id="start"开始/span/div
div style="width: 100%;text-align: center;"span style="cursor: pointer;" id="stop"暂停/span/div
/body
script type="text/javascript"
document.getElementById('start').onclick = function(){
player.play();
}
document.getElementById('stop').onclick = function(){
player.pause();
}
/script
/html
关于音乐播放器js代码和js音频播放器的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 05-06网页代码form什么意思(web中form)[20240506更新]
- 05-06滚动屏代码(数字滚动屏)[20240506更新]
- 05-06表白css特效代码(html520表白代码)[20240506更新]
- 05-06全屏图片上下滚动代码(全屏图片上下滚动代码怎么设置)[20240506更新]
- 05-06主机扫描代码(主机扫描代码怎么看)[20240506更新]
- 05-06搜索网站的代码(搜索网站的代码大全)[20240506更新]
- 05-06asp跳转代码怎么写(asp网页跳转)[20240506更新]
- 05-06文本代码编辑器(文本编辑器代码教程)[20240506更新]
- 05-06卡尔曼滤波定位解算matlab代码(粒子滤波目标跟踪算法matlab)[20240506更新]
- 05-06html5代码软件(开发html5软件)[20240506更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接