直播播放器常见问题：直播/回放自动切换/直播间统计/网页全屏

保利威直播

于 2023-05-19 18:36:07 发布

阅读量693

点赞数

分类专栏：直播WebSDK 文章标签： html 前端

本文链接：https://blog.csdn.net/sinat_33049251/article/details/130772223

版权

直播WebSDK 专栏收录该内容

22 篇文章

订阅专栏

文章详细介绍了如何使用PolyvLivePlayer设置直播与回放的自动切换功能，当直播结束时无缝播放首个暂存文件。同时，讲解了如何设置直播间统计信息以及在网页中实现全屏模式，特别是手机端的横屏效果。此外，还提到了全屏事件的处理和播放器参数的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直播/回放自动切换

设置isAutoChange:true参数可以实现，直播开始时播放直播流，直播结束后，播放视频库-直播暂存-首个暂存文件。（注意：暂存文件保留有时间期限）

const player = polyvLivePlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    uid: 'uid',
    vid: 'vid',
    isAutoChange: true
});

直播间统计

设置统计相关信息。在POLYV-直播后台才会有直播/回放对应相关信息的记录。如目前支持传入观众ID - param1、观众昵称 - param2。

const player = polyvLivePlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    uid: 'uid',
    vid: 'vid',
    param1: 'user_polyv',
    param2: '昵称POLYV'
});

网页全屏

直播播放器默认点击全屏按钮，是调用浏览器API requestFullscreen实现的系统全屏，全屏后一定会使用浏览器的默认控制栏皮肤。若在手机端H5播放，想实现类似APP的全屏+横屏效果。可以添加如下参数实现，实现方案是控制样式css处理页面旋转达到与APP类似效果。

const player = polyvLivePlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    uid: 'uid',
    vid: 'vid',
    webPageFullScreen: true,
    fullScreenOrientation: 'landscape'
})

若fullScreenOrientation参数不为landscape，仅设置webPageFullScreen：true参数，则点击全屏按钮不进入系统全屏，需要搭配全屏进入/退出事件处理相关样式。

const player = polyvLivePlayer({
    wrap: '#player',
    width: 800,
    height: 533,
    uid: 'uid',
    vid: 'vid',
    webPageFullScreen: true,
    fullScreenOrientation: 'landscape'
})

player.on('s2j_onFullScreen', () => {
    console.info('点击进入全屏按钮，将播放器铺满当前网页');
})

player.on('s2j_onFullScreen', () => {
    console.info('点击退出全屏按钮，将播放器恢复原来大小');
})

我的文章推荐：