注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

简洁实用的html5音乐播放器插件

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-12-12
简洁实用的html5音乐播放器插件
这是一款简洁实用的网页音乐播放器插件,带背景图片的html5音乐播放器代码,可以暂停播放下一首切换。


js代码

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/music.js"></script>
<script type="text/javascript">
window.onload = function(){
	MC.music({
		hasAjax:false,
		left:'50%',
		bottom:'50%',
		musicChanged:function(ret){
			// alert(ret.url);
			// getMusic_buffer(ret.url);
			// return;
			var data = ret.data;
			var index = ret.index;
			var imageUrl = data[index].img_url;
			
			var music_bg = document.getElementById('music-bg');
			music_bg.style.background = 'url('+imageUrl+')no-repeat';
			music_bg.style.backgroundSize = 'cover';
			music_bg.style.backgroundPosition = 'center 30%';
		},

		getMusicInfo:function(data){
			
		},

		musicPlayByWebAudio:function(ret){
			
		},
	});
}
</script>