助你排查解决视频组件问题,视频诊断工具上线啦!
1870 浏览2024年06月18日作者:抖音开放平台团队

亲爱的开发者你好:

为了更好的辅助开发者排查、解决视频组件相关问题,平台 2024 年 6 月 17 日正式上线「视频诊断工具」,欢迎开发者体验和使用。我们鼓励在小程序中使用到视频组件的开发者,利用视频诊断工具对用户反馈的视频问题进行自检和修复,并给予我们任何产品反馈和优化建议。

如何使用视频诊断工具?

从小程序控制台进入指定小程序,选择「运营」-> 「反馈中心」-> 「用户反馈」,即可查看用户反馈。从抖音 30.3.0 开始,每一条 7 天内的视频相关反馈,可以通过点击「更多信息」-> 「视频诊断信息」查看诊断结果。视频诊断信息中,展示了可能存在的视频问题、排查定位问题相关的信息或排查思路、建议处理方案。开发者可以根据提供的诊断信息,完成相关视频问题的自查和修复,从而提升用户的观看体验。

目前已支持以下视频问题的诊断:

1、视频组件宽度、高度为 0:

诊断结果

排查思路

1、检查是否有使用 tt.getSystemInfott.getSystemInfoSync 返回的信息来设置视频组件宽度或高度,由于这两个接口需要在 Page.onReady 后进行调用,过早的调用可能会导致获取到的系统信息不准确,从而导致最终设置的视频高度、宽度为 0,从而引起黑屏、白屏、有声音无画面等问题;

2、检查是否最终设置的视频组件高度或宽度为 0 。

2、内存、cpu 占用过高引起的播放问题:

诊断结果

排查思路

1、检查页面中是否同时渲染了 3 个以上视频组件,由于视频播放会占用比较多的资源,建议不要同时渲染超过 3个以上的视频,如有需要,可以先用图片或其他内容替代,等到需要播放时,再渲染视频组件;

2、检查小程序是否有其他可能的导致内存或 cpu 占用过高的使用方式,可结合列举的小程序页面和客户端性能分析工具进行排查

3、用户网络环境差引起的播放问题:

诊断结果

排查思路

用户侧网络差引起的播放问题,可以通过适当降低视频码率或视频清晰度减少相关问题反馈。

4、视频资源问题引起的播放异常:

诊断结果

排查思路

1、视频资源 4xx 问题:检查列举的视频资源是否存在 4xx 问题,若存在,可更新为可以正常访问的视频资源;

2、视频资源为空问题:检查列举的小程序页面中,是否存在设置空的视频资源的使用方式。

5、视频码率过高引起的卡顿、黑屏问题:

诊断结果

排查思路

检查列举的相关视频资源中是否存在码率过高的问题,若存在,可适当的降低视频码率。

如果开发者在体验和使用视频诊断工具后,有任何产品反馈和建议,欢迎在此公告评论中提出~

最后一次编辑于 2024 年 06 月 18 日
5 条评论

相关公告

专题推荐

热门文章

热门问答