Mudu.Player 播放器组件

初始化播放器

var player = new Mudu.Player(
  {
    // 播放器容器ID,播放器会被添加到该DOM元素中
    containerId: 'J_prismPlayer',

    // 播放器播放类型:支持`live`和`vod`两个值,live为直播播放,vod为点播播放
    type: 'live',

    // 播放器视频播放地址
    src: Mudu.Room.GetPlayAddr(),

    // 播放器是否自动播放
    autoplay: false,

    // 播放器是否显示控制条
    controls: true,

    // 播放器是否循环播放, 默认为false
    repeat: false,

    // 播放器宽度,单位为像素,默认为480
    width: 640,

    // 播放器高度,单位为像素,默认为270
    height: 360
  }
);

注意:以下对播放器的操作(开始、暂停、设置、获取状态等操作)需要在Player.Ready事件发生之后进行

开始播放

player.play()

暂停播放

player.pause()

停止播放

player.stop()

设置播放器尺寸

player.setPlayerSize(
  // 宽度,单位为像素
  640,

  // 高度,单位为像素
  360
)

获取播放器状态

var state = player.getState()

返回string类型:idle表示播放器空闲(未开始播放), buffering表示播放器正在缓冲, playing表示播放器正在播放, paused表示播放器处于暂停播放状态。


Player.Ready事件

Player.Ready事件会在播放器初始化完成被触发

Mudu.MsgBus.On(
  // 事件名,值为Player.Ready
  'Player.Ready',

  // 事件处理函数,参数为当前player组件对象
  function (player) {
    console.log('Mudu Player 播放器初始化完成')
  }
)

Player.Play事件

Player.Play事件会在播放器开始播放时被触发

Mudu.MsgBus.On(
  // 事件名,值为Player.Play
  'Player.Play', 

  // 事件处理函数,参数为当前player组件对象
  function (player) {
    console.log('Mudu Player 播放开始')
  }
)

Player.Stoped事件

Player.Stoped事件会在播放器停止播放时被触发

Mudu.MsgBus.On(
  // 事件名,值为Player.Play
  "Player.Stoped",

  // 事件处理函数,参数为当前player组件对象
  function (player) {
    console.log('Mudu Player 停止播放')
  }
)

Player.Waiting事件

Player.Waiting事件会在播放器缓冲时被触发

Mudu.MsgBus.On(
  // 事件名,值为Player.Waiting
  "Player.Waiting",

  // 事件处理函数,参数为当前player组件对象
  function (player) {
    console.log('Mudu Player 缓冲中')
  }
)

results matching ""

    No results matching ""