• 标记生成出错,请与管理员联系! 2019-05-17
  • 这个问题,不是我们那些学者所讲的,国家崛起美国害怕了。而是美国舞着大棒,配合国内的资本共同讹诈。 2019-05-17
  • 香河县纪委监委严把信访举报交办督办回复“三关” 让信访举报件件有着落 2019-05-16
  • 向雷锋同志学习 厉害了!体彩志愿服务团队 2019-05-14
  • 美国20岁说唱歌手在迈阿密中枪疑似身亡 2019-05-14
  • 第37届香港电影金像奖颁奖典礼举行 2019-05-04
  • 这是一个错误的观点!这个错误的观点在自以为懂得马克思主义的人群中非常普遍!所以,这也就是中国为什么真正懂马克思主义的人不多的主要原因! 2019-05-02
  • 经济专家那么多,谁写出如何搞好公有制呢? 2019-05-02
  • 海军首次举行水雷战竞赛性考核 2019-05-02
  • 公共图书馆如何更有效地服务读者 2019-05-02
  • 男子模仿网红骑马上路 机动车道飞奔当街摔晕 2019-04-30
  • 小长假前两天,广州哪些文化场馆最火爆? 2019-04-30
  • 高清图集:习近平在山东考察 2019-04-28
  • 2000多家国企医院年底前完成剥离 2019-04-25
  • 天津旅游嘉年华下周开幕 多项活动展现文旅融合--旅游频道 2019-04-15
  • 11选5稳中两个算法: [demo] 小程序背景音乐

    河北体彩11选5今天开奖 www.7vek.com 3

    主题

    18

    帖子

    472

    积分

    诠释者

    Rank: 4

    积分
    472
    2018-11-15 19:39:35 w王海洋29 诠释者 楼主 83343
    本帖最后由 w王海洋29 于 2018-11-15 20:03 编辑

    河北体彩11选5今天开奖背景音乐


    给自己的小程序加上一个背景音乐是一个很有趣的事情呢,可以在使用小程序的时候点开歌曲,
    专属的情歌更棒哦。所以今天介绍一个简单的方法给自己的小程序加上一首歌曲。不足之处多多指教。

    小程序大学签到使用了背景音乐的功能,欢迎体验,同时欢迎公众号关联,本人微信:1771737622


    背景音乐的js文件

    [JavaScript] 纯文本查看 复制代码
    // 背景音乐
    const innerAudioContext = wx.createInnerAudioContext()
    Page({
      /**
       * 页面的初始数据
       */
      data: {
        mp3: '//ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46',
        // 背景音乐
        bgm: false,
      },
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (e) {
      },
      // 背景音乐
      BGM: function (e) {
        let that = this;
        if (that.data.bgm) {
          that.setData({
            bgm: false,
          })
          innerAudioContext.pause(); /**  暂停音乐 */
        } else {
          that.setData({
            bgm: true,
            bgmImgAni: "bgmImgAni"
          })
          // 播放音乐
          innerAudioContext.autoplay = true
          innerAudioContext.loop = true
          innerAudioContext.src = that.data.mp3;
          innerAudioContext.play()
        }
      },
    })




    背景音乐的wxml文件

    [HTML] 纯文本查看 复制代码
    <!--index.wxml-->
    <!--   背景音乐  -->
    <view class='bgmView' catchtap='BGM'>
      <image wx:if='{{bgm}}' class='bgmImg {{bgmImgAni}}' src='/images/kaishi.png'></image>
      <image wx:else class='bgmImg' src='/images/zanting.png'></image>
    </view>



    背景音乐的wxss文件

    [CSS] 纯文本查看 复制代码
    /**index.wxss**/
    /* 背景音乐  */
    .bgmView {
      position: fixed;
      top: 20rpx;
      right: 20rpx;
      z-index: 99;
    }
    
    .bgmImg {
      width: 70rpx;
      height: 70rpx;
    }
    
    .bgmImgAni {
      animation: jumpball 4s infinite linear;
    }
    
    @keyframes jumpball {
      100% {
        transform: rotate(360deg);
      }
    }
    


    这就是基本的代码结构了



    欢迎体验背景音乐功能






    Bgmusic.zip

    44.79 KB, 下载次数: 115

    14

    分享至 : QQ空间
    3 人收藏
    听不错的~不过有个问题,如何设置默认音乐自动开启?
    本帖最后由 jay5211314 于 2018-11-28 14:48 编辑

    请问歌曲链接怎么生成的呢?--查到了。。
    jay5211314 发表于 2018-11-28 14:14
    请问歌曲链接怎么生成的呢?--查到了。。

    你把歌曲存到自己的数据库,就生成歌曲链接了,或者引用其他的音乐链接就行了
    文档里没看到loop啊,这是啥
    w小千秋 发表于 2018-11-30 11:37
    文档里没看到loop啊,这是啥

    什么loop?可以直接加我wx:1771737622,直接问吧,我没有理解
    2018-12-23 18:08:35 w王海洋29 诠释者
    7#
    fhs1986 发表于 2018-12-16 17:18
    听不错的~不过有个问题,如何设置默认音乐自动开启?

    直接在代码里面调一下状态就行了
    fhs1986 发表于 2018-12-16 17:18
    听不错的~不过有个问题,如何设置默认音乐自动开启?

    API 有提供啊 去看下API 就可以了
    不错哦
    天气查询小程序,欢迎大家使用,后续会有更多的功能融合进来
                                  我的小小网站
             

    也有问题咨询可加vx: jwq782108446
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
  • 标记生成出错,请与管理员联系! 2019-05-17
  • 这个问题,不是我们那些学者所讲的,国家崛起美国害怕了。而是美国舞着大棒,配合国内的资本共同讹诈。 2019-05-17
  • 香河县纪委监委严把信访举报交办督办回复“三关” 让信访举报件件有着落 2019-05-16
  • 向雷锋同志学习 厉害了!体彩志愿服务团队 2019-05-14
  • 美国20岁说唱歌手在迈阿密中枪疑似身亡 2019-05-14
  • 第37届香港电影金像奖颁奖典礼举行 2019-05-04
  • 这是一个错误的观点!这个错误的观点在自以为懂得马克思主义的人群中非常普遍!所以,这也就是中国为什么真正懂马克思主义的人不多的主要原因! 2019-05-02
  • 经济专家那么多,谁写出如何搞好公有制呢? 2019-05-02
  • 海军首次举行水雷战竞赛性考核 2019-05-02
  • 公共图书馆如何更有效地服务读者 2019-05-02
  • 男子模仿网红骑马上路 机动车道飞奔当街摔晕 2019-04-30
  • 小长假前两天,广州哪些文化场馆最火爆? 2019-04-30
  • 高清图集:习近平在山东考察 2019-04-28
  • 2000多家国企医院年底前完成剥离 2019-04-25
  • 天津旅游嘉年华下周开幕 多项活动展现文旅融合--旅游频道 2019-04-15
  • 詹天佑福彩3d 山东时时彩走势图 3d字谜 老时时彩走势图360 现在比较好的彩票网站有哪些 山西快乐十分 重庆时时彩学习网 棋牌 pk10最牛七码单期中 qq分分彩全天免费计划 北京赛车有规律走势吗 天津福利彩票走势图 中国彩票老时时彩开奖 七彩票开奖查询 体育彩票排列3 查福彩3d走势图带连线