美文网首页微信小程序
6-13 监听播放事件完善音乐播放

6-13 监听播放事件完善音乐播放

作者: 留白_汉服vs插画 | 来源:发表于2017-11-23 14:42 被阅读109次

bug1

时间播放还是有很多bug的。先看第一个:

点击自定义开关,开启和关闭,总控开关是能够相应地开启关闭的。但是总控开关的开启关闭,自定义开关并没有反应。

需要一个监听函数,来监听总控开关。一个监听音乐的开启和监听音乐的暂停。暂时用不到音乐停止(区别就是停止是下次从头开始播放,暂停是从暂停地方开始播放)。可以放在onLoad 函数里,也可以放在音乐播放事件上。

在onLoad里面监听一下音乐播放状态。当背景音乐开始的时候,把isPlayingMusic设置为true,反之亦然。

附加知识点:点击总控开关,实现自定义开关的一个控制。相当于框架去调用你的代码。这个总控开关是小程序提供的。像这种思想,一般都是通过监听函数事件实现的,通过监听事件去调用你的代码。这样的思想也在nodejs中大量被应用。也叫事件驱动。这种思想在大量框架被应用。像AngularJs也是,两个模块参数进行传递,有两个方法,通过服务services。 另外一种就事件驱动。A模块发射一个事件,B模块接受一个事件。想写框架就可以这么来。

小程序数据优先,通过数据绑定,来改变前端显示。jquery,先获取DOM,然后改变DOM状态,或者子元素。不如数据绑定快。数据绑定一个优势:通过一状态变量,可以绑定很多标签。比如下面两个。

比如更多标签时候同时改变。但是Jquery就只能一个一个获取一个一个改变。

另外一个好处,更好的单元测试。jquery很难单元测试,因为掺杂了太多对UI元素的控制。但是如果数据绑定,实际上只是对状态变量操作。并没有操作UI。单元测试是有可能的。中大项目单元测试是很重要的。

前端框架很多。学一个框架,学到精髓。不在多,在于精。

相关文章

  • 6-13 监听播放事件完善音乐播放

    bug1 时间播放还是有很多bug的。先看第一个: 点击自定义开关,开启和关闭,总控开关是能够相应地开启关闭的。但...

  • Mui框架自带VideoPlayer插件的使用

    示例代码: 用Hbuilder运行这个页面,就可以监听到的播放进度更新事件和播放进度结束事件。视频播放过程中,会有...

  • 小程序音乐播放

    wx.onBackgroundAudioPlay(CALLBACK)监听音乐播放。 wx.onBackground...

  • iOS检测静音开关是否开启

    使用AudioServicesPlaySystemSound播放一段0.2s的空白音频,并监听音频播放完成事件,如...

  • 6-11 playBackgroundAudio-音乐播放基本实

    点击音乐播放图片,图片改变,音乐开始或者暂停。在“播放图片”上catchtap绑定事件onMusicTap 下面开...

  • 音乐播放

    日常开发中所用到的音乐播放 ,除了音乐播放器之外就是音效的播放: 音效播放 音乐播放 音乐播放指的是用音乐播放框架...

  • AVAudioSession音频会话中断监听配置

    工作之余打个笔记。音频后台播放时需要做响应监听配置,比如电话,微信语音等 原理是,在音乐播放被中断时,暂停播放,在...

  • 监听QQ音乐等三方音乐播放的歌曲信息

    监听QQ音乐等三方音乐播放的歌曲信息 fun init(context: Context) { mAudioMg ...

  • Android监听横竖屏切换

    偶然在项目中用到播放视频时,需要横屏将视频全屏播放,所以需要监听屏幕的横竖屏切换事件。 横竖屏切换监听效果: Co...

  • 播放音乐入门

    大纲 这次简单实现了: 在线音乐播放(AVPlayer)、监听进度(addPeriodicTimeObserver...

网友评论

    本文标题:6-13 监听播放事件完善音乐播放

    本文链接:https://www.haomeiwen.com/subject/tcdzvxtx.html