博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
audio音频暂停和播放
阅读量:6768 次
发布时间:2019-06-26

本文共 638 字,大约阅读时间需要 2 分钟。

需求如下:

 

var audio=document.getElementById("audio");

//播放

function play(url,i){

  if( audio.src!=url){
    audio.src=url;
  }
  audio.volume = 0.5; //
  audio.play(); // 播放
  // 其他的暂停按钮隐藏
  $('.pause').addClass('hide')
  $('.play').removeClass('hide')
  // 当前的暂停按钮显示

  $('.play'+i).siblings('.pause').removeClass('hide')

  $('.play'+i).addClass('hide')

  //播放结束后暂停

  audio.addEventListener('ended', function () {
    pause(i)
  }, false);
};

 

//暂停

function pause(i){

  audio.pause();

  //显示播放图标,隐藏暂停图标

  $('.pause'+i).addClass('hide')
  $('.pause'+i).siblings('.play').removeClass('hide')
};

转载于:https://www.cnblogs.com/nancyzn/p/8176858.html

你可能感兴趣的文章
How to set up Conflux
查看>>
大数据时代,你的个人信息安全吗?
查看>>
我的友情链接
查看>>
javascript时间格式化
查看>>
Spring MVC基础
查看>>
JavaScript权威指南笔记
查看>>
android启动activity文本框不获得焦点
查看>>
linux运维实战练习-2015年8月30日课程作业(练习)安排
查看>>
给新手的最佳类Windows界面的Linux发行版
查看>>
Centos7下按照配置nexus2
查看>>
第13章 使用Bind提供域名解析服务
查看>>
我的友情链接
查看>>
Centos7 mount/ rpm/ yum 软件仓库搭建
查看>>
EC2上源安装vnstat
查看>>
高性能Web服务之varnish应用详解及实战应用
查看>>
我的友情链接
查看>>
CentOS 6网卡名称修改 以及 centos7 采用传统命名方式
查看>>
Maven 中的jar包冲突
查看>>
lvs基于fwm定义集群服务
查看>>
awk 系列Part3:如何使用 awk 按模式筛选文本或字符串
查看>>