引入房间页播放器

<script src="https://activity.hdslb.com/blackboard/static/edfd7948d5ca04de779233922773e479/room-player.min.js"></script>
<script src="https://activity.hdslb.com/blackboard/static/edfd7948d5ca04de779233922773e479/room-player.min.css"></script>
<script>
  const el = document.createElement('div')
  el.style.cssText = `
    width: 700px;
    height: 400px;
  `
  const opts = {
    cid: 7734200,
    rnd: Date.now() / 1000, // 随机数,用于标识用户
    // roomInitDataV2: {} 详细参数可以看API文档
    // UI: {} 信息参数可以看API文档
  }
  document.body.append(el)
  const player = new window.Player(el, opts)
</script>

roomplayer监听事件示例

roomplayer上监听的事件点击查看

  player.on('WebFullscreen', (value) => {
    console.log(value)
  })

房间页播发器API

player第二个参数点击查看

roomplayer对象上可以调用的方法点击查看

demo展示

• demo展示 (opens new window)