一个按键 播放 停止音乐

3人阅读 评论(0) 收藏 举报
分类:


<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习 </title>
    <style>
              *{
  margin:0;
  padding:0;
  list-style:none;}
  div{
  height:50px;
  width:56px;
  background:url(images2/musicBtn.gif) no-repeat left top;}
  .current{
  background:url(images2/musicBtn.gif) no-repeat left bottom;}
    </style>
     <script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<audio autoplay id="muc1">
    <source src="lib/home.ogg"/>
    </audio>
<div class="plmus"></div>
    <script>
$(document).ready(function(e) {
           var picsTatus=true;
  var muc1=document.getElementById("muc1");
  $(".plmus").click(function(){
 
  if(picsTatus){
  console.log("play to pause");
  $(".plmus").addClass("current");
 muc1.pause();
// muc1.pause();
  picsTatus=false;
  }else{
$(".plmus").removeClass("current");
 muc1.play();
  picsTatus=true;
  }
  });
        });
    </script>
</body>
</html>
查看评论

51单片机蜂鸣器播放音乐、暂停音乐以及选择音乐的实现

  • 2017年05月05日 19:00
  • 17KB
  • 下载

单片机控制按键播放音乐

  • 2012年05月09日 11:17
  • 20KB
  • 下载

ActionScript 3.0 按钮控制音乐播放、暂停、停止、循环

ActionScript 3.0 按钮控制音乐播放、暂停、停止、循环1 按钮 这里用3个Button组成一个MovieClip MoiveClip的名称为:mcMusic 停止Butt...
  • SCNU_Jiechao
  • SCNU_Jiechao
  • 2015-12-16 13:17:00
  • 2069

点击图片,背景音乐播放/停止,播放图标/静音图标随之更换

点击图片,背景音乐播放/停止,播放图标/静音图标随之更换
  • squirrelnald
  • squirrelnald
  • 2016-12-06 14:44:55
  • 1638

HTML5 Audio中控制音乐暂停、播放的js

第一次接触HTML5,需要用到音乐播放audio的功能,在如何通过onclick事件控制audio的播放和暂停上查了一些资料,通过《HTML5学习系列之Audio(1)》和《HTML5 Audio...
  • vera_xue
  • vera_xue
  • 2014-01-22 10:24:31
  • 9742

Cocos2d-x中停止播放背景音乐

停止背景音乐播放代码放置到什么地方比较适合呢?例如:在HelloWorld场景中,主要代码如下:bool HelloWorld::init() { return true; } void H...
  • tonny_guan
  • tonny_guan
  • 2014-08-04 12:46:52
  • 2842

Android 利用AudioManager控制后台音乐播放器暂停,播放

1. 通过触发媒体的按钮来操作播放器状态:KeyEvent.KEYCODE_MEDIA_PAUSE  public static void sendMediaButton(Context ...
  • xifei66
  • xifei66
  • 2017-06-23 17:38:26
  • 1785

android拔掉耳机后音乐自动暂停

android系统在播放音乐的时候拔掉耳机通常音乐会自动暂停播放。遇到这样的需求,客户使用的是一个usb audio设备,希望拔掉后音乐不会自动暂停,而是继续播放,声音从speaker出来。以5.1的...
  • songche123
  • songche123
  • 2016-01-13 17:46:28
  • 2077

HTML5背景音乐的暂停与播放

HTML代码:                                                                    JS代码:  //...
  • niunan
  • niunan
  • 2016-03-22 13:29:35
  • 2336

audio标签的选取和JQ操作音乐的播放和停止

audio标签的选取和JQ操作音乐的播放和停止jQuery操作audio var audio = $("#audio")[0]; audio.pause(); audio.play(); 获...
  • qq_26291823
  • qq_26291823
  • 2016-07-13 22:17:06
  • 10718
    个人资料
    等级:
    访问量: 2万+
    积分: 939
    排名: 5万+
    文章存档
    最新评论