JS网页播放声音实现代码兼容各种浏览器

 更新时间:2013年09月22日 15:33:15   作者:   我要评论
JS网页播放声音有多种方法可以实现,不过兼容各种浏览器的就没有几个了,不过本文的这个示例或许对大家有所帮助
复制代码 代码如下:

<!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>
<title>SwfObject2.2Demo</title>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {
};
var params = {
wmode: "transparent"
};
var attributes = {};
swfobject.embedSWF("sound.swf", "sound", "1", "1", "9.0.0", "expressInstall.swf", flashvars, params, attributes);

function play(c) {
var sound = swfobject.getObjectById("sound");
if (sound) {
sound.SetVariable("f", c);
sound.GotoFrame(1);
}
}
</script>
</head>
<body>
<div id="sound">
</div>
<input type="button" value="播放" onclick="play('msg.mp3')" />
</body>
</html>

需要的引入文件,在js特效文件夹里面

相关文章

  • div+css+js模拟tab切换效果 事件绑定 IE,firefox兼容

    div+css+js模拟tab切换效果 事件绑定 IE,firefox兼容

    div+css+js模拟tab,这个版本,理论上可以添加无限个tab,而且,你只要管内容的添加行了,不需要改JS
    2009-12-12
  • 用js来解决ajax读取页面乱码

    用js来解决ajax读取页面乱码

    前两天写过服务端的,可以解决所有的浏览器读取中文乱码的问题,总是有点不爽,憋了一天,想出这个东东来,能解决firefox和ie读中文乱码的问题,opera不行,chome也没测试,暂且放着吧。
    2010-11-11
  • JS 动态判断PC和手机浏览器实现代码

    JS 动态判断PC和手机浏览器实现代码

    这篇文章主要介绍了JS 动态判断PC和手机浏览器实现代码的相关资料,需要的朋友可以参考下
    2016-09-09
  • IE下Ajax缓存问题的快速解决方法(get方式)

    IE下Ajax缓存问题的快速解决方法(get方式)

    IE下Ajax缓存问题的快速解决方法(get方式)。网上搜了很多解决方案,一大把,下面是我认为比较全面的解决方案。主要分为客户端解决和服务端解决
    2014-01-01
  • 很全面的JavaScript常用功能汇总集合

    很全面的JavaScript常用功能汇总集合

    这篇文章主要为大家分享了一份很全面的JavaScript常用功能汇总集合,一些常用的额JS 对象、基本数据结构、功能函数等,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 一些手写JavaScript常用的函数汇总

    一些手写JavaScript常用的函数汇总

    这篇文章主要给大家介绍了一些手写的JavaScript常用的函数,文中通过示例代码介绍的非常详细,对大家学习或者使用JavaScript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • JavaScript中的this引用(推荐)

    JavaScript中的this引用(推荐)

    this是javascript的一个关键字,随着函数使用场合不同,this的值会发生变化。这篇文章主要介绍了JavaScript中的this引用的相关资料,非常不错,需要的朋友可以参考下
    2016-08-08
  • js网页版计算器的简单实现

    js网页版计算器的简单实现

    这篇文章介绍了网页版计算器的简单实现代码,有需要的朋友可以参考一下
    2013-07-07
  • 微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)

    微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)

    这篇文章主要介绍了微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • 5个JavaScript经典面试题

    5个JavaScript经典面试题

    这篇文章主要介绍了5个JavaScript经典面试题,这些面试题可能在各种公司的javascript面试中都会出现,需要的朋友可以参考下
    2014-10-10

最新评论