HTML5快速入门实例（六）audio元素静态加载和动态加载实例

最新推荐文章于 2023-03-12 19:31:01 发布

GPU小码农

最新推荐文章于 2023-03-12 19:31:01 发布

阅读量7.7k

点赞数

分类专栏： HTML5 文章标签： html5 html 游戏

本文链接：https://blog.csdn.net/zjc_game_coder/article/details/44650583

版权

HTML5 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

例子一：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
<audio controls="controls">
    <source src="4.mp3" type="audio/mpeg">
    <source src="6.wma" type="audio/ogg">
    浏览器不支持audio元素
    <!-- 注意有些格式某些浏览器不支持，为避开这个限制，可以准备多个不同格式的音频文件，以供浏览器选择并播放。
     audio标签中允许出现多个<source>标签，浏览器会自动使用第一个支持的格式.
     也可以在js中使用audio对象来动态加载音频。根据需要，我们通过audio对象控制音频的加载、播放、暂停，这也是我们游戏中采取的方法
     下一章演示
    -->
</audio>
</body>
</html>

效果：

例子二：动态加载音频

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>

<body>
<script type="text/javascript">
    //创建一个audio对象
    document.write("hello world2");
    var sound = new Audio();
    //选择文件
    sound.src = "4.mp3";
    //播放
    sound.play();
</script>
</body>
</html>

GPU小码农

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5快速入门实例（六）audio元素静态加载和动态加载实例

例子一：浏览器不支持audio元素 <!-- 注意有些格式某些浏览器不支持，为避开这个限制，可以准备多个不同格式的音频文件，以供浏览器选择并播放。 audio标签中允许出现多个标签，浏览器会自动使用第一个支持的格式. 也可以在js中使用audio对象来动态加载音频。根据需要，我们通过audio对象控制音频
复制链接

扫一扫