兼容chrome和ie的音乐播放

兼容chrome和ie的音乐播放(Ie7 Ie8 Ie9 均測试过 )

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>aa</title>

<script>
function playSound(){
	var snd_ie = document.getElementById('snd_ie');
	snd_ie.src = "./alert.wav"

	var snd_chrome = document.getElementById('snd_chrome');
	snd_chrome.data = "./alert.wav"
}
function stopSound(){
	var snd_ie = document.getElementById('snd_ie');
	snd_ie.src = ""

	var snd_chrome = document.getElementById('snd_chrome');
	snd_chrome.data = ""
} 

</script> 

</head>
<body>
	<bgsound id='snd_ie' src="" loop=-1></loop>
	<object id='snd_chrome' width="0px" height="0px" type="audio/x-wav" data=""></object>
	<input type="button" value="開始" onclick="playSound()">
	<input type="button" value="暂停" onclick="stopSound()">
</body>
</html>
时间: 2024-07-28 17:22:13

兼容chrome和ie的音乐播放的相关文章

兼容IE7音乐播放器之jplayer的使用

首先列出为何要写这篇随笔的原因: 1:兼容IE7 2:音乐播放器 3:任意控制播放器 1: 最近做的网站需要兼容IE7,在此之前已经写好了关于音乐播放的插件,火狐,IE8以上,以及谷歌浏览器等都可以随意播放,但是IE7以及IE8浏览器却无法正常播放,真是恼火至极啊!网上收了一大箩筐音乐播放器都不满足我的要求,基本上都是基于XML配置文件式的,而我的网站需要动态播放音乐,控制音乐单曲循环,我自定义的音乐列表顺序播放等,因此不能满足我的要求,这些播放器要么是html5的要么是纯flash的(无法控制

HTML5项目笔记4:使用Audio API设计绚丽的HTML5音乐播放器

HTML5 有两个很炫的元素,就是Audio和 Video,可以用他们在页面上创建音频播放器和视频播放器,制作一些效果很不错的应用. 无论是视屏还是音频,都是一个容器文件,包含了一些音频轨道,视频轨道和一些元数据,这些是和你的视频或者音频控件绑定到一块的,这样才形成了一个完整的播放组件. 浏览器支持情况: 浏览器 支持情况 编解码器 Chrome 3.0 Theora . Vorbis .Ogg H.264 . AAC .MPEG4 FireFox 3.5 Theora . Vorbis .Og

用&lt;audio&gt;标签打造一个属于自己的HTML5音乐播放器

上一章节,我们刚刚讲了<video>标签,今晚,我们讲的是<audio>标签,这两个东东除了表示的内容不一样以外,其他的特性相似的地方真的太多了,属性和用法几乎一样,也就说,如果上一章节你理解了,那么这一节你学起来会:毫无压力. <audio>简介 <audio>标签:用于在文档中表示音频内容.利用它,你可以在你的个人网站上放一首你喜欢的歌.    <audio src="music.mp3"></audio> 用

10个免费开源的JS音乐播放器插件

音乐播放器在网页设计中有时候会用到,比如一些时尚类.音乐或影视类等项目,但这些 网页播放器 插件比较少见,所以这里为大家整理一个集合,也许会有用到的时候. 下面整理的播放器有些是支持自适应的,如果需要用到微信或手机上,可根据自己需要求,选择对应的网页播放器.  ● Codrops Audio Codrops Audio 界面使用纯CSS编写,支持响应式,可以方便在桌面.平板以及手机设备上使用.界面因为是CSS编写,所以如果懂CSS样式,可以自己设计一个新的样式来修改. 演示&下载 ● Dark

jQuery之媒体音乐播放器

<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery

使用Audio API设计绚丽的HTML5音乐播放器

HTML5 有两个很炫的元素,就是Audio和 Video,可以用他们在页面上创建音频播放器和视频播放器,制作一些效果很不错的应用. 无论是视屏还是音频,都是一个容器文件,包含了一些音频轨道,视频轨道和一些元数据,这些是和你的视频或者音频控件绑定到一块的,这样才形成了一个完整的播放组件. 浏览器支持情况: 浏览器 支持情况 编解码器 Chrome 3.0 Theora . Vorbis .Ogg H.264 . AAC .MPEG4 FireFox 3.5 Theora . Vorbis .Og

HTML5环形音乐播放器

通过 HTML5,音乐在网络上东山再起.添加音频文件就像插入图像那样简单,并且用户能在浏览器外播放音乐,从而实现惊人的音乐体验.<audio> 标签的推出使您不再需要外部音乐播放器,在网站上实现真正的声音融合. 随着 HTML5 的出现,发生了一些重大变化,特别是在音乐和音频方面.开发人员不再要求 web 冲浪者使用 Adobe Flash.Apple QuickTime 或 Microsoft Windows 媒体播放器等特殊的播放器.这意味着用户不必担心是否有最新的兼容插件(或任何播放器插

SE Springer小组之《Spring音乐播放器》可行性研究报告三、四

3 对现有系统的分析 由于本次可行性分析主要是建立在团队自行实现一个音乐软件的目标上,并不是在一个现有系统的基础上开发改进的新系统.因此这里将分析一款市面上已经存在的音乐软件(以下称为W音乐),并为之后开发“Spring音乐播放器”提供一定的参考. 3.1处理流程和数据流程 说明现有系统的基本的处理流程和数据流程.此流程可用图表即流程图的形式表示,并加以叙述. 图2 基本处理流程图 用户启动M音乐后,可以选择在网络音乐库中查找歌曲并下载,也可以从本地音乐库中查找想听的歌曲,然后进行播放.本地音乐

html5,audio音乐播放器

终于,做了自己原来一直想要实现的事儿,得出的结果是,有些事儿一旦开始做了,那么它就并不是很难.现在的我,正听着自己的播放器放出的<光辉岁月>写这篇周六清晨的博文.写的不是很好,但也请各位前辈担待一下我这个什么都不懂的菜鸟,也希望各位前辈积极地指正我的错误,小弟感激不尽! 正式内容前,可以先预览一下效果,http://xxyy.ahthw.com/myMusic/MyMusic.html (在这里,再次感谢王哥提供的服务器!) 本项目主要用到了html5的audio标签以及它所自带的方法和属性,