浏览器中音频兼容性问题（上）

最新推荐文章于 2024-06-25 11:01:45 发布

jl1134069094

最新推荐文章于 2024-06-25 11:01:45 发布

阅读量1.4k

点赞数

分类专栏： web 文章标签： audio 兼容ie8 object标签音频文件兼容

本文链接：https://blog.csdn.net/jl1134069094/article/details/51384333

版权

针对2013年后的需求，本文提供了一种改进的音频兼容性方案，主要确保在IE8及以上版本、Firefox和Chrome中正常播放音频。由于Opera与360安全浏览器等采用Chrome内核，故也兼容。示例代码可在指定链接下载。

摘要由CSDN通过智能技术生成

参考文章：http://blog.csdn.net/www3300300/article/details/17709219
我参考了上面链接的文章，由于这篇文章写于2013年，目前已经不能满足需求了。
下面我将把我参考改进后的做法列出来：
（由于我们公司只要求兼容 ie(8及以上版本) Firefox chrome ，所以这些浏览器上是没问题的。opera 浏览器上我也试了是可以的，360安全浏览器之类的由于使用chrome的内核所以也是没问题的，别的浏览器没试过了）
这里写图片描述

下面是例子：
这个例子只是简单的示范，下一篇会写的详细一些。这部分的代码可以在下面的链接上下载
http://download.csdn.net/detail/jl1134069094/9518002
player.html 页面代码如下

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>

<script src="Scripts/jquery-1.11.1.min.js"></script>
<script src="Scripts/test.js" type="text/javascript"></script>

<body>
    <div id="__alert_sound">
        <div class="pinkBox" style="display: none;">
            <audio id="player">
                <source src="http://yinyueshiting.baidu.com/data2/music/242216583/2422094427200128.mp3?xcode=3c4cf764253d271f7e919dd56dd3c83c" />
                <!--这里是MP3类型的歌-->
                <source src=&