在网页添加音乐(壹)

这个只是一个初步的实验，未涉及到js（因为我还只是个小白，还没看js），结合了网上各种教程。

1.使用<EMBED>标签，这个是HTML5的标签，定义嵌入的内容，比如插件。

在网上搜索大都弹出来这个，但是使用这个的话要显示播放器的话会出现一些问题，比如说，

<embed src="music/walkingInTheRain.mp3" autostrat="true" loop="-1" controls="smallconsole/playbutton/pausebutton/stopbutton/volumelever" bgcolor="black" width="300" height="70" >

设置了高度为70。而现实的效果是这样的

你觉得想把下面那个黑色区域弄去，于是改变了高度，结果却是

我的解决办法是换一个标签，使用<audio>，这是html5里专门定义声音的……

<audio src="music/walkingInTheRain.mp3" autoplay="true" loop="-1" controls="smallconsole/playbutton/pausebutton/stopbutton/volumelever" bgcolor="while" width="300" height="70" ></audio>

总体和前面的<embed>标签的使用差不多，但是可以顺利的去掉那个黑色区域。

显示的效果是这样的

参考资料：

<audio>标签的详细使用： https://msdn.microsoft.com/zh-CN/ie/hh377903

时间： 2024-08-15 09:14:34

在网页添加音乐(壹)的相关文章

网页添加音乐视频方式

注意:不同的浏览器会展示不同样式的控制面板. 1.video标签支持firefox自动播放谷歌.ie不支持自动播放 <video controls="controls" autoplay="autoplay" name="media"><source src="./img/music.mp3" type="audio/mpeg"></video> 谷歌可以通过添加

最近在折腾一个网页,对于一个有强迫症的人来说,就想在网页中插入音乐,(当做背景音乐),然后自己百度了好多资料:就在这里总结一下: 第一步: 我们需要在网页添加一些代码:我也不喜欢那种代码太长的:自己就整理了一下:这里我添加的都是单曲,(单曲循环的那种),添加多个背景音乐,代码比较长,我就没去折腾,(其实是折腾了一种方法,没搞出来,就放弃了): 第一种代码: <EMBED src="http://img.xiaonei.com/photos/20060603/1510/orig51097.w

csdn 音乐怎么拦截提交后的程序 csdn 栏目音乐 csdn 添加音乐

韩梦飞沙韩亚飞 [email protected] yue31313 han_meng_fei_sha csdn 栏目音乐 csdn 添加音乐 ======= <embed src="//music.163.com/style/swf/widget.swf?sid=437250704&type=2&auto=1&width=320&height=66" width="340" height="86&quo

如何在网站中添加音乐

来源:http://www.ido321.com/1042.html 发现有很多的个人博客中添加了背景音乐,以增强用户体验.LZ搜集到了两种在网站中添加音乐的方式. 一.豆瓣的FM 这个非常简单,一段代码就可以实现. <p> <iframe name="iframe_canvas" src="http://douban.fm/partner/baidu/doubanradio" height="200" widt

微信公众号文章也可以添加音乐不用因无法添加背景音乐代码而烦恼了

之前我们有聊过用代码添加图文消息背景音乐,微信可能考虑安全问题一段时间后代码不能用了,现在好了,微信公众号文章也可以添加音乐了,直接在微信公众平台后台像添加图片一样直接就可以插入音乐,未经认证的公众号也可以使用这一功能. 微信公众号文章添加音乐具体的操作流程是: 运营者可以在编辑图文消息时,在正文中插入音乐;选取音乐时,支持根据歌名.作者进行搜索,并且可以试听音乐;完成后即可. 也许文字不能表达的,音乐,可以表达. 一首歌,也许是你的信仰,你的态度,你的心情,你的记忆…… 为了让这种表达和分享更

css008 给网页添加图片

css008 给网页添加图片 1. css和<img>标签 1.<img>标签是html的添加图片的标签,一般为: <img src=”url.jpg” href=”describtion of the picture”> 2.css中添加图片:? 3.经常用来处理图片的css属性: A.border(边框):每条边框都可以设置不同的颜色样式和宽度 B.padding(填充):在边框和图片之间添加空间,空间中可以设置背景色等各种属性 C

cocos2dx2.2添加音乐音效以及设置音量

cocos2dx2.2添加音乐音效以及设置音量(非原创) cocos2d-x使用SimpleAudioEngine类作为实现跨平台的音乐引擎,首先需要引入头文件. 对于声音文件,我们可以提前加载,这样会提高游戏的执行效率,但却会增加内存消耗,编码时,我们需要根据实际情况决定是否要进行预加载处理. 好了,我们写一个例子先,同样还是新建一个Music项目. 1.引入头文件以及相应的库 #include "cocos2d.h" #include "SimpleAudioEngi

微信图文消息添加音乐一招搞定只需修改背景音乐地址

最近经常听网友问微信图文消息加音乐怎么弄,其实微信公众号添加音乐很简单,复制几行代码到公众平台图文素材中就能实现,只需修改一下背景音乐地址就可以了. 首先打开W3School在线测试工具www.w3school.com.cn/tiy/t.asp,在左侧框内添加代码, 代码如下,修改“mp3地址”,两个地方都要改,在网上找你所喜欢的音乐地址 <p>--开始复制--</p> <p> <audio src="mp3地址" autoplay="

asp.net WebPages 网页添加默认命名空间

asp.net 网页框架常用的三种: WebForm,Mvc,WebPages 1.WebForm 直接在 system.web/pages 下添加 2.Mvc 新建个Mvc项目,直接复制 3.WebPage 大致上与Mvc相同,区别在于 host factoryType,pages pageBaseType <host factoryType="System.Web.WebPages.Razor.WebRazorHostFactory, System.Web.WebPages.Razor