简介
很早以前就想学习这部分的东西了,一直没有尝试,今天先把一些简单的写上,较复杂的以后补充。
开始
背景音乐
- 在html文件的
<head></head>
之间加入以下代码1
<bgsound src="需要插入的音乐的路径" loop="-1">
“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。并且,该代码的功能只能在ie实现。
- 在html文件的
<body></body>
之间加入以下代码1
<embed src="需要插入的音乐的路径" hidden="true">
在这里了解以下embed的各项属性
src=”filename” | 设定音乐文件的路径 |
---|---|
autostart=”true/false” | 是否要音乐文件传送完就自动播放,true是要,false是不要,默认为false |
loop=”true/false” | 设定播放重复次数,数字表示次数,true表示无限循环,false表示播放一次就停止 |
starttime=”分:秒” | 设定乐曲的开始播放时间 |
volume=0-100 | 设定音量的大小。如果没设定的话,就用系统的音量 |
width height | 设定控制面板大小 |
hidden=”true” | 隐藏控制面板 |
还有一些属性,以后再添加…… |
音乐控制面板
- 了解了embed之后,可以写成以下代码
1
<embed src="需要插入的音乐的路径" width="宽度" height="高度">
问题
先到这里,目前还有很多问题,比如:
- 在一些浏览器不能运行,ie、firefox
- embed的一些属性不起作用
这些都有待解决。
Audio
好,以下为2016年12月3日添加新内容。
自从学习了html5,就直接使用audio这个标签就可以了。
以下为测试
1 | <audio src="音乐路径">当前浏览器不支持audio</audio> |
貌似hexo不能这么写。好像要用iframe
iframe嵌入音乐
可以使用网易云音乐,搜索想要的歌曲,点击歌曲名字进入播放器页面,点击生成外链播放器;复制代码,直接粘贴到博文中即可。这样会显示一个网易的播放器,可以把
1 | <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="http://music.163.com/outchain/player?type=2&id=33471531&auto=0&height=66"></iframe> |