利用JavaScript实现音频文件的播放和暂停

原创 2018年04月16日 19:59:24

HTML5 规定了一种通过 audio 元素来包含音频的标准方法。
audio 元素能够播放声音文件或者音频流。
注意看,a.paused表示当前音频的状态,而音频的暂停和播放对应的方法分别为pause()和play() ——-(自认为很值得注意的地方 我当时就犯了这种错误)

<button onclick="clickA(this)">播放/暂停</button>
<audio id="audio" src="raw/1.mp3">您的浏览器不支持</audio>


<script>
    var a = document.getElementById("audio");

    function clickA() {
        //如果暂停   点击即可播放
        if (a.paused) {

            // 播放
            a.play();
            //如果播放  点击暂停
        } else if (a.play()) {

            //暂停
            a.pause();

        }
    }

</script>

谢谢!!!

多个audio播放器播放,暂停,时间控制

多个audio播放器播放,暂停,时间控制 标签可以在HTML5浏览器中播放音频文件。 默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。 这里我使用jQuer...
  • wuchengzeng
  • wuchengzeng
  • 2016年03月31日 10:13
  • 1289

学习日记--Android VideoView播放视频控制:开始、暂停、快进

Android VideoView播放视频时候的控制。控制主要依赖VideoView的start(开始),pause(暂停),seekTo(快进,跳到某一个时间点开始) 一、Layout布局文件 ...
  • McDullBro
  • McDullBro
  • 2016年11月25日 14:01
  • 7933

Android 使用Service 实现的简易音乐播放器(有播放、暂停(继续)、重播、停止)

小弟乃Android新手,昨天在学习了Android的Service后,动手实现了一个简易的音乐播放器。界面粗糙,功能简陋,但觉得对于新手的话还是有一定的借鉴作用的,故发表在本人的第一篇博客中。 在...
  • jishaobingqq
  • jishaobingqq
  • 2013年11月18日 19:01
  • 2676

java 实现音频文件的播放

java 实现音频文件的播放
  • weixin_37852133
  • weixin_37852133
  • 2017年04月18日 09:57
  • 1414

js 控制flash 播放 停止 暂停 放大 缩小

转自:http://blog.csdn.net/hingyi/article/details/7691793 Flash INTERACTION WITH JAVASCRIPT ...
  • neilson123456
  • neilson123456
  • 2013年12月18日 14:32
  • 3827

Android中实现播放和停止 画面切换

点击播放按钮后的画面如下: 上图的效果是点击播放按钮后,变成停止按钮,点击停止按钮后再变成播放按钮界面布局如下: ...
  • qq_15267341
  • qq_15267341
  • 2016年11月16日 14:09
  • 618

audio的音乐播放器的播放和暂停

audio> //autoplay自动播放
  • qq_33769914
  • qq_33769914
  • 2017年08月29日 15:04
  • 135

java播放音频文件

方法1: package za; import java.applet.Applet; import java.applet.AudioClip; import java.io.File; impor...
  • piaopiaopiaopiaopiao
  • piaopiaopiaopiaopiao
  • 2013年11月13日 22:59
  • 2951

Ijkplayer播放视频的简单使用,可以暂停继续(二)

效果图: 导入依赖 [html] view plain copy compile 'com.dou361.ijkplayer:...
  • IT666DHW
  • IT666DHW
  • 2017年12月20日 20:13
  • 356

后台播放暂停音频

后台播放暂停音频 - (void)viewDidAppear:(BOOL)animated {     [super viewDidAppear:animated];     [[UIAppl...
  • u014641631
  • u014641631
  • 2014年12月01日 17:12
  • 743
收藏助手
不良信息举报
您举报文章:利用JavaScript实现音频文件的播放和暂停
举报原因:
原因补充:

(最多只允许输入30个字)