做一款拍摄短视频和照片的微信小程序

做一个款短视频拍摄的微信小程序，看了下微信接口，以为很简单，大致步骤开始拍摄，停止拍摄，保存，就结束了，谁知道做的过程中发现一些问题。

先看下我做的大概样式

开始调用wx.startRecord()事件后，timeoutCallback方法好像并不会随着wx.stopRecord()的调用而销毁。具体情况复现流程为，拍摄15s中视频后，停止拍摄，在下次开始拍摄后，时间大于15s，其实是在同一个camera实例触发多次录像事件，会累计多次拍摄的时长，然后触发timeoutCallback事件，而造成后续触发stopRecord失效，导致录像保存失败。

解决方法，如果不是多次拍摄保存为一条视频，那么每次拍摄的时候创建一个新的camera实例

微信小程序录像默认时长是30s，如果录像时长超过会触发timeoutCallback。但是有一种情况在录像时间达到27s～28s，自己触发wx.stopRecord()偶尔会保存失败，或者调用无反应。经过多次测试发现，在自己调用wx.stopRecord()保存视频的时候，先触发了timeoutCallback，所以要考虑视频保存到本地的时间。

解决方法，如果需要自己手动保存视频，建议安全时间为25s左右。

在小程序做录像功能要有三个授权，第一是摄像头授权，第二是相册授权(保存文件用)，第三是录音授权。

因为抖音的 *** 作习惯，一个按钮两个功能，单击为拍照，长按为拍摄视频。单击拍照因为打开小程序的时候，默认就强制要求开通权限，所以在长按按钮会d出录音授权的系统d窗。

长按按钮开始录像功能，手指松开录像结束，保存文件。但是在长按触发录音授权的系统d窗，我以为会触发touchend或者touchcancel事件，但是测试后发现授权的系统d窗d出后，touchcancel并不会触发，而在关闭系统d窗后会触发touchend。

解决方法，严格控制逻辑中的事件触发时间点和触发方式。

卡，实在是卡，不建议在cover-view中使用css动画

还有其他多少琐碎问题，就靠大家自行发觉了。

常见原因及解决办法如下：

1、尝试卸载微信后重新安装或者升级软件版本后发送。

2、检查是否是屏幕贴膜原因，可以尝试去掉保护膜后再发送。

3、触屏默认安静值为10秒，当按住同一触点时，10秒后触屏自动进入安静状态（等于没触），也就造成微信只能录音15秒的现象。

解决方法:按住录音键不放，快到15秒时手指在“按住说话”的块上来回滑动，就能更长，但最长是60秒。

4、如果上述方法都不行，则可能是软件兼容问题，建议等待固件升级或者刷机。

扩展资料

基本功能：

1、聊天：支持发送语音短信、视频、图片（包括表情）和文字，是一种聊天软件，支持多人群聊（最高40人，100人和200人的群聊正在内测）。

2、添加好友：微信支持查找微信号、查看QQ好友添加好友、查看手机通讯录和分享微信号添加好友、摇一摇添加好友、二维码查找添加好友和漂流瓶接受好友等7种方式。

3、实时对讲机功能：用户可以通过语音聊天室和一群人语音对讲，但与在群里发语音不同的是，这个聊天室的消息几乎是实时的，并且不会留下任何记录，在手机屏幕关闭的情况下也仍可进行实时聊天。

4、微信小程序：2017年4月17日，小程序开放“长按识别二维码进入小程序”的能力。经过腾讯科技测试，该功能在iOS以及Android均可使用，如果你无法正常打开，请将微信更新至最新版本。

在2017年年3月底，小程序还新增了“第三方平台”和“附近的小程序”两项新能力。

2017年9月14日晚间，微信悄然进行了版本更新，在最新的安卓与iOS微信上，用户打开微信后会看到一条必读消息《微信隐私保护指引》，需点击同意后才能使用该应用。

2017年11月2日，微信悄然上线保险销售业务。

参考资料：百度百科-微信

---