监听Audio的播放状态
程序员文章站
2024-01-16 21:37:28
...
监听Audio的播放状态
项目:H5绣红旗
// 监听音乐播放状态:改变播放或暂停按钮
watchMusicState(){
let _this = this;
let $audio = document.getElementsByTagName('audio')[0];//获取音乐DOM节点
let playOrPause = document.getElementsByClassName('playOrPause')[0];
// console.log($audio);
$audio.addEventListener("playing", function(){ //播放状态Doing
playOrPause.src = require('../assets/img/pause.svg')//背景音乐是播放还是暂停
_this.playState = true;//播放状态
});$audio.addEventListener("pause", function(){ //暂停状态Doing
playOrPause.src = require('../assets/img/play.svg')//背景音乐是播放还是暂停
_this.playState = false;//暂停状态
});
},
推荐阅读
-
监听Audio的播放状态
-
Android 判定网络连接状态 以及监听网络链接状态的变化
-
Android进阶之路 - WebView的加载状态监听
-
Android Studio 基础之获取Wifi 的状态,设置 Wifi 的开关状态,并监听 Wifi 的状态变化方法整理
-
微信小程序page的生命周期和音频播放及监听实例详解
-
HTML5<video>标签不能播放视频,<audio>标签不能播放音频的解决方法
-
HTML5视频播放标签video和音频播放标签audio标签的正确用法
-
iOS系统和微信中不支持audio自动播放问题的解决方法
-
Android 监听软键盘状态的实例详解
-
快速解决ios微信下audio无法自动播放的问题