触发条件

从指定的直播地址进行拉流

使用腾讯云的TcPlayer播放器

在网站允许flash的情况下，如果指定的直播地址提供了flv格式的流源，则优先使用flash播放器

播放器被隐藏（display:none）

问题描述
    
使用腾讯云的TcPlayer从指定的直播地址拉流时，可以在初始化播放器时设置一个listener方法，用于监听流的拉取状态
    
在刚开始时播放器会被设置为display:none隐藏起来，原因是需要先展示一个未开始播放的状态，待拉取流成功后再进行播放器的展示
    
此时（播放器被隐藏）的情况下，如果采用h5的video播放方式的m3u8流，能够正常地通过listener函数监听到流的状态
    
但如果使用flv格式的流源进行播放，由于flash技术的特性，listener函数将无法接收到流的状态信息，必须移除display:none才可以正常监听
    
listener函数的实现代码示例：listener: function (msg) {    if (msg.type == 'error') {        console.log(msg, '播放报错');        _this.$emit('update-stream-state', 3);        //尝试5次拉流        if (_this.player) {            timer = setTimeout(() => {                _this.player && _this.player.load();                console.log('重试拉流');            }, 5000);            setInterval(() => {                clearTimeout(timer);            }, 25000);        }    } else if (msg.type == 'play') {        console.log(msg, '拉流成功');        //清除拉流的定时器        clearTimeout(timer);        _this.$emit('update-stream-state', 1);    }}