网页中添加音乐

简介

很早以前就想学习这部分的东西了,一直没有尝试,今天先把一些简单的写上,较复杂的以后补充。

开始

背景音乐

  1. 在html文件的<head></head>之间加入以下代码
    1
    <bgsound src="需要插入的音乐的路径" loop="-1">

“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。并且,该代码的功能只能在ie实现。

  1. 在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” 隐藏控制面板
还有一些属性,以后再添加……

音乐控制面板

  1. 了解了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>