HTML加入背景音乐的几种简单入门

踏云飞 2019-01-18 09:51:02

（作者：谭昕，撰写时间：2019年1月18日）
用Visual Studio加入背景音乐
在Visual Studio当中加入背景音乐是很容易的
1. 打开Visual Studio，点击新建项目打开模板找到Visual C#当中的Web，然后点击它创建一个ASP.NET Wed应用程序。
2. 点击Empty，勾选MVC。

3. 右键点击Conrtrollers添加控制器MVC 5控制器-空，找到View右键添加视图取消勾选使用布局页。

4.打开解决方案资源管理器创建一个新的文件夹可以命名为audio，然后把要加入的音乐放入文件夹当中，最后把音乐拖入<body>开始符下
面，在<audio controls="controls" >开始符当中将controls="controls"改成autoplay就可以了，中文名称的音乐文件会变成字符编码。如果想让音乐一直重复可以加入loop。

题外话:还可以用类似的方法引入一些其他文件

用DW加入背景音乐
打开DW，建立一个新建HTML项目，然后:

可以模仿上面的格式来写
<audio autoplay loop>
<source src="audio/鸦青 - 十里烟波 [mqms2].mp3" type="audio/mpeg">
</audio>

另一种是上面的简写形式
<audio src="audio/鸦青 - 十里烟波 [mqms2].mp3" autoplay loop></audio>

还有一种是利用video标签写，这个标签还可以用于引入视频。
<video src="audio/鸦青 - 十里烟波 [mqms2].mp3" autoplay loop></video>

最后一种现在只对IE浏览器有效但是很简单
<bgsound src="audio/鸦青 - 十里烟波 [mqms2].mp3" loop="-1" ></bgsound>

不知道为什么谷歌浏览器现在并不支持 autoplay这个属性
---------------------
作者：谭晓呆
来源：CSDN
原文：https://blog.csdn.net/weixin_44545673/article/details/86531683
版权声明：本文为博主原创文章，转载请附上博文链接！

<audio>标签和<video>标签会用到属性
摘抄于：www.w3school.com.cn/tags/tag_video.asp
其中一些属性独属于<video>标签
new : HTML5 中的新属性。
属性
值描述
autoplay
autoplay 如果出现该属性，则视频在就绪后马上播放。
controls
controls 如果出现该属性，则向用户显示控件，比如播放按钮。
height
pixels 设置视频播放器的高度。
loop
loop 如果出现该属性，则当媒介文件完成播放后再
次开始播放。
src
url 要播放的视频的 URL。
preload
preload 如果出现该属性，则视频在页面加载时进行加
载，并预备播放。如果使用 "autoplay"，则
忽略该属性。
poster
URL 规定视频下载时显示的图像，或者在用户点击
播放按钮前显示的图像。
muted
muted 规定视频的音频输出应该被静音。
width
pixels 设置视频播放器的宽度

...全文