zoukankan      html  css  js  c++  java
  • 微信小程序音乐播放器组件

    wxml

    <image bindtap="click" src="{{isPlay?'/images/':'/images/'}}"/>

    JS

    Page({
        data:{
            isPlay:false
        },
        onLoad(){
            var self = this;
            //监听音乐播放
            wx.onBackgroundAudioPlay((result)=>{
                self.setData({
                    isPlay:true
                })
            });
            //监听音乐停止
            wx.onBackgroundAudioPause((result)=>{
                self.setData({
                    isPlay:false
                })
            });
        },
        //执行点击事件,如果播放就停止,如果停止就播放
        click(){
            if(this.data.isPlay){
                wx.pauseBackgroundAudio();
                this.setData({
                       isPlay:fasle
                })
            }else{
                //开始音乐播放
                wx.playBackgroundAudio({
                dataUrl:"",
                title:"",
                coverImgUrl:""
                });
                this.setData({
                    isPlay:true
                })
            }
        }
    })
    

    若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。

    请点赞!因为你们的赞同/鼓励是我写作的最大动力!

    欢迎关注达叔小生的简书!

    这是一个有质量,有态度的博客

    博客

  • 相关阅读:
    C语言I博客作业10
    C言I博客作业09
    C言I博客作业08
    C语言I博客作业07
    C语言I博客作业06
    C语言博客园作业05
    使用注解方式生成Hibernate映射文件
    技术英语单词中英文对照
    spring监听器
    Servlet
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11932315.html
Copyright © 2011-2022 走看看