导航:首页 > 编程语言 > js透明音乐播放器

js透明音乐播放器

发布时间:2023-09-03 14:04:06

① 关于PHP及Html5或js网页音乐播放器问题

HTML5自带有音频扩展,现在浏览器基本都支持HTML5(守着(古董当宝贝就算了)

<audiosrc="song.ogg"controls="controls">
</audio>

由于内音频版权问题,各种浏容览器支持格式略有差异

除了加载第三方音乐控件,否则什么全兼容、自定义ui还是死了这心吧,每个几百万没公司敢做

② js音乐播放器

<audio id="aaa" src="yinyue.mp3" autoplay controls></audio>
<input type=button value=暂停 onclick="aaa.pause();">
<input type=button value=播放 onclick="aaa.play();">

③ 怎样用javascript做一个音乐播放器CD旋转的效果

<!DOCTYPEhtml>


<head>
<metacharset="utf-8"/>
<title></title>
<styletype="text/css">
.image{
border-radius:50%;
width:80px;
height:80px;
margin:100pxauto;
display:block;
border:dottedsolid#666;
padding:5px;
}
</style>
</head>
<body>
<div>
<imgsrc="1.png"id="img"class="image"onclick="timeout?stopAnim():startAnim()"/>
</div>

<scripttype="text/javascript">
vartimeout,rotate=0;
functionstartAnim(){
timeout=setInterval(function(){
varimg=document.getElementById("img");
varrotateStyle="rotate("+rotate+"deg)";
img.style.transform=rotateStyle;
img.style["-moz-transform"]=rotateStyle;
img.style["-webkit-transform"]=rotateStyle;
img.style["-o-transform"]=rotateStyle;
img.style["-ms-transform"]=rotateStyle;

rotate+=6;
if(rotate>360){
rotate=0;
}
},30);
}
functionstopAnim(){
clearInterval(timeout);
timeout=null;
}

startAnim();
</script>
</body>
</html>

img标签的src改为你自己的图片路径。

本实例不支持ie11以下浏览器,请用谷歌或者火狐浏览器打开。

阅读全文

与js透明音乐播放器相关的资料

热点内容
生产文件柜图片 浏览:244
如何设置微信数据增加 浏览:95
excel文件不再增大 浏览:613
ug编程刀路怎么复制不用鼠标选取 浏览:97
excel文件打开扩展名错误 浏览:10
阿里巴巴怎么做数据包 浏览:442
无线网络连接一直显示未连接 浏览:25
windows7如何自动激活工具下载 浏览:57
天语救砖工具 浏览:839
网络体育课程有哪些 浏览:19
苹果微信怎么查看文件 浏览:165
安卓nba2k14面补替换 浏览:450
路由器密码定时换 浏览:626
aicc恢复文件在哪里 浏览:167
怎么查无线网络属性 浏览:874
只狼的声音文件放在哪里 浏览:219
lol盒子修复在哪个文件夹 浏览:308
表格里的公章怎么导入到pdf文件上 浏览:844
怎样删除u盘不能删除的文件 浏览:712
软件编程岗位怎么找 浏览:120

友情链接