html5 背景音乐 js控制播放 暂停

<html>
    <head>
        <title>
            测试页面
        </title>
        <script src="jquery.min.js"></script><!--没有试用jquery,没有用,我用的是getElementById-->
    </head>
    <body>
        <script type="text/javascript"></script>
        <audio src="123.mp3" controls="controls" id="music1" autoplay>
        </audio>
        <input type="button" value="咳咳" onclick="bofang()">
        <script>
            function bofang(){
                var audio = document.getElementById(‘music1‘);
                if(audio!==null){//判断是否获得
                    if(audio.paused){//获得播放状态,这个属性应该是是否是暂停状态,如果是就播放,如果不是暂停就暂停
                        audio.play();
                    }else{
                        audio.pause();
                    }
                }
            }
        </script>
    </body>
</html>

audio标签的属性解释

autoplay属性名 autoplay值 如果出现该属性,则音频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
loop loop 如果出现该属性,则每当音频结束时重新开始播放。
preload preload
如果出现该属性,则音频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src url 要播放的音频的 URL。
时间: 2024-10-05 20:31:04

html5 背景音乐 js控制播放 暂停的相关文章

html5 audio js控制暂停播放停止

<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title></title> </head> <body>  音乐<audio src=&quo

用JS控制video暂停再播放

模块就是用来进行封装,进行高内聚 低耦合的功能.其实各人认为ng2 的模块和.net的工程类似,如果要使用模块中定义的功能,第一步就是必须要引用它,ng2 中叫import 导入.那么我们看模块是否有层级概念呢,至少目前来看,模块都是平级的,没有主子之分. 一方面前端和后端进行配合优化. 我们每次连接websocket服务器的时候,前端会通过接口,拿到当前承载量最小的服务器地址进行连接. Cache还提供了一系列的get.set方法来设置或获取缓存参数,这里不一一列举,更多API操作可参考官方A

xamarin ios html5 video.js 无法播放

//只启用某些域绕过 ATS 设置在 ios 的 Info.plist 中<key>NSAppTransportSecurity</key> <dict> <key>NSAllowsArbitraryLoads </key> <true/> </dict> 原文地址:https://www.cnblogs.com/canyuexingchen/p/9277524.html

js控制html5 audio的暂停、播放、停止

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> </head> <body> 音乐 <audio src

HTML5背景音乐的暂停与播放

HTML代码:     <audio id="myaudio" loop="loop" preload="auto" autoplay="autoplay">                     <source src="music/纯音乐%20-%20在那遥远的地方%20-%20纯音乐版.mp3" type="audio/ogg" />           

js控制html5 【video】标签中视频的播放和停止

需求:页面中有2个普通按钮a,b.还有一个video标签,能成功播放出视频..我想要的效果是,点击a按钮,视频开始播放,点击b按钮,视频播放停止!!!<br><br>----------------------------------------------------code---------------------------------------------------------------------------<br><br><!DOCT

js控制H5 audio音频的播放暂停

<body><audio src="b.mp3" controls="controls" preload id="music" hidden></audio><span onclick="control();">播放/暂停</span><span onclick="repeat();">重播</span><script

HTML5下的Audio标签控件的歌曲播放暂停演示

1 <!-- 使用了HTML5的标签<audio> 图片播放按钮增加了监听监听事件,控制音乐的播放暂停 2 使用了document的几个重要函数: 3 1.createElement创建标签对象, 4 2.getElementById获取对象以及img对象的src属性 5 3.document.body添加控件appendChild()函数 6 了解document的强大.可以创建对象,操作body标签等--> 7 <!DOCTYPE html> 8 <html&

Cocos2d-x中背景音乐播放暂停与继续

背景音乐播放暂停与继续似乎我们非常少使用,其实也正是如此,背景音乐播放暂停与继续实例代码例如以下: SimpleAudioEngine::getInstance()->pauseBackgroundMusic(); SimpleAudioEngine::getInstance()->resumeBackgroundMusic(); 它们的调用普通情况下是在游戏退到后台时调用暂停函数resumeBackgroundMusic().然后在回到前台时候调用继续函数pauseBackgroundMus