成功提取音乐文件的ID3信息后，面临将数据转换为图片的问题发现需要将byte数组转换为base64格式的图片找到前辈的代码示例，直接使用以解决问题最终，音乐播放器成功获取了封面图片，这是一个激动人心的时刻接下来，将专注于HTML和CSS的实现，将音乐播放器的界面设计得更美观更友好总结，这次使用。

HTML5中引入音视频标签，简化了音视频的直接播放本篇文章将通过使用H5的audio标签及其相关属性和方法，构建一个简单的音乐播放器该播放器主要具备以下功能播放暂停上一首和下一首调整音量和播放进度条根据列表切换当前歌曲音乐播放器的结构主要分为三部分歌曲信息播放器和播放列表播放器。

自学前端，我制作了一个HTML音乐播放器我不精算法，不识数据结构，对面向对象及类与函数编程的差异也一知半解大学时学习C语言，未曾接触过面向对象编程偶然的代码实践，心血来潮尝试了HTMLJSCSS，制作了一个简陋的音乐播放器CSS部分几乎无任何美化，仅具入门级别，望诸位大神不吝赐教，若有。

lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleTitlelttitleltheadltbody ltaudio controls ltsource src=quotziwojieshaoMusic123mp3quot type=quotaudiompegquot lt！音乐文件路径自己写 ltaudioltbodylthtml。

第一种在页面代码中的ltstyleltstyle之间加入ltbgsound src=quot音乐urlquot loop=quot1quot 这段代码 在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“1”的话，音乐将永远循环 这种背景音乐是打开叶子后直接播放的，在网页上不会有显示这是最简单的一种。

一在ASPASPNet MVC音乐播放的HTML代码网页二为了控制音频播放和暂停，应该添加JS代码，如下所示三实现前台处理方法的代码四用于后台处理的方法代码五支持HTML5浏览器效果1六如果不支持HTML5浏览器，效果如下。

HTML5中的video和audio标签中有一个autoplay属性，添加这个属性后就会在文件加载完成以后自动播放具体代码如下videoltvideo autoplay=quotautoplayquot ltsource src=quot视频路径quot ltvideoaudioltaudio autoplay=quotautoplayquot ltsource src=quot视频路径quot ltaudio除此属性外还有如下属性controls。

这个代码要不要，有百度音乐酷狗音乐豆瓣电台音乐盒虾米音乐一听音乐等等音乐台组合的音乐播放器ltiframe id=TV name=TV frameborder=0 scrolling=no src= width=960 height=630ltiframe。

HTML代码中插入音乐播放器，大致有四种风格，代码如下白色普通播放器代码ltEMBED height=45 type=audiompeg width=300 src=音乐地址 volume=quot0quot loop=quot1quotltEMBED 黑色播放器代码ltEMBED style=quotFILTER Xrayquot src=音乐地址 width=300 height=45 type=audiompeg loop=quot1quot volume=quot0quot。

这个音乐播放器代码，长度960及高度620可调，多款音乐台自由切换以下为代码ltdivltembed height=quot620quot allownetworking=quotinternalquot width=quot960quot allowscriptaccess=quotneverquot loop=quot1quot invokeurls=quotfalsequot src=quot type=quotaudiompegquot wmode=quottransparentquotlt。

方法在你想要插入播放器的部分可以是表格或者层，加入以下代码就可以了 ltiframename=quotmusicquotmarginwidth=0arginheight=0src=quotmusicindexhtmlquotframeborder=0scrolling=quotnoquot width=100% height=40pxltiframe 说明一般只需把 src ＝后面的链接换成自己音乐播放器的地址就可以了，可以是相对。