触发条件

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

使用腾讯云的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);
    }
}