微信小程序产品开发实践-1.直播推流助手

2017年12月26号微信小程序开放直播功能,开放了推流工具组件。开放给在线教育、直播、政府类账号使用。

因为自己的小程序在其开放的在线教育类目中,第一时间测试了功能,自己想着做一个小程序的直播推流工具迅速上线占有市场。

所以在31号有空的时候开始完整的创建独立的小程序的推流工具。

前期的准备工作做的比较顺利:
1.申请微信小程序。
其中还包括一些必要的开发工具升级,给小程序起名字、设计小程序logo。
2.准备代码环境。
为了代码备份和方便多处开发,创建了Git仓库,确定了基础UI使用微信的来源前端组件weui。

3.开始正式开发小程序。
第一步是把基础功能进行梳理,定位于利用微信小程序进行公用的直播推流工具。
初步确立了三个主要功能:
1.推流设置,包含直播的一些基础配置。
推流地址、推流频道、推流密码、直播的详细设置(码率、美颜、断流图片、是否自动开启推流等)
第一步只实现了基础的推流地址设置,具体的推流参数留做优化的时候再做了,目前使用缓存设计了保留最后一次配置的功能。
后面需要继续完善详细推流配置和保存历史推流设置功能。

2.推流直播,包含直播画面,推流过程的设置(开启推流、停止推流、暂停推流、恢复推流、切换摄像头)
这一步主要是直播画面,一些状态的展示和日志的展示,另外如果有交互的直播需要在推流的画面上设置和展示互动功能。
目前还没有写好设置按钮的样式,没有解决覆盖组建到直播画面上的问题,只实现了推流和一些基础的操作状态提示。交互和设计需要继续优化。
在直播界面直接解决交互和其他推流设置,贴片与互动目前有两种思路,一种是推流时进行贴片合成,这需要小程序的功能支持。另一种方式是通过与服务端配置在云端再次进行编码,贴片一些字幕和自定义视频信息。配合播放器与播放端展示互动信息,留言,送礼,赞赏等。

3.流播放页面,可以进行推流后的播放界面进行预览。
这个页面现在没有做,具体规划为流媒体播放器和推荐直播观看入口。

整个功能提交和制作原本打算在一下午左右的时间里完成,但实际上整个代码实现和测试还是用了接近8个小时,而设计和详细配置、服务端都没有做。目前只是实现了基础的摄像头视频能够推流到服务端。

如果需要做的好的话还需要花时间去完善和修改真正的交互和具体功能。这次实践也让自己真正开到了快速上线小程序是可能的,真正做好小程序也是需要时间积累和细节的打磨的。

一次小程序的开发可以真正检验到自己的产品能力细节能力的时候。一套开发流程下来所遇到的问题终会在自己创业的时候都遇到。

发自我的iPhone