处理视频播放渲染异常过程的梳理

        嗨，我是小路。今天主要和大家分享的主题是“处理视频播放渲染异常过程的梳理”。        

最近在项目开发中处理语音播放功能，遇到了一点问题，卡了一个上午。经过一上午的梳理尝试，终于解决了这个问题。先分析下自己的思路。

一、主要思路

1.屏蔽代码中的渲染报错，增加逻辑判断

将代码中涉及到渲染报错的方法都增加if判断，保证代码不再报错。

2.增加渲染的时间或者延迟执行video实例方法

用setTimeOut或者在执行video之前，延迟执行，尽可能让文件下载下来。

3.keep-alive保持组件的活性

组件在渲染的过程中，没有重复渲染，但是video的实例没有重新渲染，这就导致文件加载失败。

4.防抖

给其中video播放按钮添加防抖功能，让其在一定时间内只能加载一次

5.v-if组件重新渲染

将组件重新渲染，让整个video重新渲染加载，这样就可以保证渲染结果一致。

二、注意事项

       在处理整个问题中，经过重重问题的排查，最终发现问题是因为组件的渲染。因为弹框后，组件已实例化，再次打开弹框，页面不再实例化，整个页面渲染失败，程序报错，后面的方法不再执行。

        一开始处理这个问题，发现问题思路，只有一个结果，和渲染报错，不清楚导致问题的详细原因。以后在排除语法问题是，

        首先可以考虑将报错的语法进行优化，增加逻辑判断；如果是渲染问题，可以考虑报错的位置是不是组件；如果是组件，则保证每次渲染都是正常的，

        其次在对组件内部的代码进行优化。

        最后，对整个程序的特征进行分析，偶尔出现的问题，检查渲染；一直出现的问题，检查页面程序是否报错；

对遇到的问题，需要及时的复盘。从过去的经验中，提高技能。

都看到这里了，记得【点赞】+【关注】哟。