微信小程序项目开发 课件项目五、媒体播放器.pptx

微信小程序项目开发项目五、媒体播放器

这个任务主要用到的知识包括GPIO、外部中断、定时器等。任务一、播放音频主要内容任务四、使用tabBar任务二、播放视频任务五、初始化媒体播放器项目任务三、使用轮播图任务六、使用ThinkPHP实现数据库的基本操作任务七、编辑栏目及音乐任务八、实现音乐播放主界面任务九、实现音乐播放器界面任务十、编辑视频任务十一、实现视频播放并发送弹幕

BackgroundAudioManager对象要使用背景音频，需要调用wx.getBackgroundAudioManager()得到全局唯一的BackgroundAudioManager对象，即背景音频管理器。要使用背景音频，还需要在app.json文件里面配置：requiredBackgroundModes:[audio],

InnerAudioContext对象通过wx.createInnerAudioContext获取一个InnerAudioContext对象,也可以用来播放音频InnerAudioContext对象的属性、方法与BackgroundAudioManager对象非常接近少了title、epname、singer、coverImgUrl等属性设置了src属性后不会自动播放，必须调用play()方法才会播放，也不需要在app.json文件做特殊设置。

播放视频可以使用video组件需要指定id属性，js代码里面可以通过wx.createVideoContext(stringid)获取一个VideoContext实例，再通过调用该实例的方法来控制视频的播放、暂停、停止、跳转等等

swipter组件是一个容器组件，内部只能放置swipter-item组件，代表各个滑块。swiper-item内部可以放各种常规的组件，如果放image组件就表现成为轮播图。

手机应用中，底部的标签按钮很常见，一般将最常用的几个功能做成标签按钮，点击后进入对应的页面微信小程序可以很容易地配置这种标签按钮，就是在app.json文件中配置tabBar，通过tabBar配置项指定tab按钮的颜色（选中或不选中可以分别设置）、标签栏的背景色、标签按钮的图片、标签按钮对应的页面等等

媒体播放器项目介绍

媒体播放器项目介绍

增加数据库表本项目需要4张数据库表，分别是category（栏目）、song（音乐）、video（视频）、barrage（弹幕）

创建小程序项目并配置tabBar打开微信开发者工具，用自己的AppID新建项目，名称是media，不使用模板。复制资源文件夹中media下面的images文件夹到新建的media微信小程序文件夹，该文件夹与pages文件夹并列。打开app.json文件，在pages的配置数组后面添加6行。按CTRL+S保存，或者点击工具条上的编译按钮，微信开发者工具会在pages文件夹下面新增6个页面。接下来配置tabBar。

添加工具模块新建文件utils/util.jsutils/util.js模块用来配置服务器及文件上传的URL，并提供了showMessage和uploadMedia两个共用的方法。

在app/controller文件夹下新建文件Media.php文件，新建控制器类Media，再添加有关栏目和音乐的方法一首音乐可以属于多个栏目，音乐的category字段是逗号隔开的栏目id组成的字符串。MySQL数据库有一个特殊的方法find_in_set来处理这种情况。服务器可以实现栏目、音乐、视频、弹幕的增加、修改和基本的查询。

演示编辑过程01实现标签页切换02编辑栏目和音乐03跳转栏目或音乐页面进行编辑

演示实现过程01任务八、实现音乐播放主界面02任务九、实现音乐播放器界面03任务十、编辑视频04任务十一、实现视频播放并发送弹幕

发挥短视频功效，助力乡村振兴今年5月，中共中央办公厅、国务院办公厅印发了《乡村建设行动实施方案》，指出要实施数字乡村建设发展工程，“推进数字技术与农村生产生活深度融合，持续开展数字乡村试点。”随着短视频平台的快速发展与我国相关政策的持续推进，短视频在乡村振兴中发挥出越来越大的作用。

谢谢观看