西瓜播放器 HTML5 video video.js 播放器 HTML5播放器 mp4 hls hls.js flv flv.js dash dash.js 无缝切换

volume

音量控制插件源码

pluginName: volume

功能说明:

  1. 滑动滑块调整音量
  2. 点击按钮切换静音状态

config

position

插件DOM挂载位置,默认为player.controls.right

index

  • @type: Number
  • default: 1

插件DOM在挂载点内的排序,默认为1,越小越靠前(若index相同,后实例化的插件会被放置在前面)

showValueLabel

  • @type: Boolean
  • default: false

[可选]是否显示当前滑动的音量数值

default

  • @type: Number
  • default: 0.6

默认音量, 当playerConfig.volume为number的时候, 取playerConfig.volume

showValueLabel

  • @type: Boolean
  • default: false

是否在音量调节条顶部显示当前音量百分比

miniVolume

  • @type: Number
  • default: 0.2

静音恢复的时候最小音量

hooks

mutedChange

  • @desc: 点击按钮切换静音状态

Note

这个hook在alpha版本中命名为muted_change

  player.usePluginHooks('volume','mutedChange', (plugin) => {
    // TODO
    return true
  })

demo

const player = new Player({
  ...,
  volume: 1 // 此时默认音量为1
})

// 增加扩展配置
const player = new Player({
  ...,
  volume: {
    default: 1,
    showValueLabel: true
  }
})