自定义脚本

暴露变量

播放器会在 window 上暴露一个 atom 变量

字段	描述	类型
on	事件监听器	函数
dark	主题切换	布尔值
color	设置主题色	字符串
duration	视频总长	数字
danmu.load	加载弹幕	函数
danmu.getList	获取已挂载的弹幕列表	函数
danmu.getAdvance	获取弹幕偏移量(秒)	函数
danmu.setAdvance	设置弹幕偏移量(秒)	函数
danmu.setViewers	设置观看人数	函数

使用方式

on

• 传入两个参数 事件名称 (字符串) 与 回调函数

atom.on('ready', () => {
	console.log('播放器准备就绪')
})

dark

atom.on('ready', () => {
	atom.dark = true // 黑色主题
	atom.dark = false // 白色主题
})

color

atom.on('ready', () => {
	atom.color = '#00AEEA'
})

duration

atom.on('ready', () => {
	console.log(atom.duration)
})

danmu.load

• 传入一个参数: 弹幕数组

atom.on('ready', () => {
	atom.danmu.load([
		{
			time: 0,
			mode: 1,
			content: '测试弹幕',
			style: {
				color: '#ffffff'
			}
		}
	])
})

danmu.getList

• 返回: 弹幕数组

atom.on('ready', () => {
	const danmuList = atom.danmu.getList()
	console.log(danmuList)
})

danmu.getAdvance

• 返回: 数字

atom.on('ready', () => {
	const advance = atom.danmu.getAdvance()
	console.log(advance)
})

danmu.setAdvance

• 传入一个参数: 数字

atom.on('ready', () => {
	atom.danmu.setAdvance(5)
})

danmu.setViewers

• 传入一个参数: 数字

atom.on('ready', () => {
	atom.danmu.setViewers(100)
})

事件

事件名称	描述	回调参数
ready	播放器准备就绪	无
timeUpdate	视频已播放时长更新	已播放时长，视频总长
ended	视频完成播放	已播放时长
sendDanmu	弹幕发送	弹幕对象，input 元素
danmuClick	弹幕悬停栏点击	弹幕对象
danmuInfoBtnChange	移动端弹幕框左侧 tab 按钮点击	按钮名字

补充

弹幕完整对象如下

{
	time: 0
	mode: 1,
	content: '测试弹幕',
	class: 'danmu',
	style: {
		color: '#ffffff'
	}
}

字段	描述	类型	是否必须
time	弹幕出现时间 (秒)	数字
mode	弹幕类型 (1：滚动，2：顶部，3：底部)	数字
content	弹幕内容	字符串
class	弹幕类名	字符串
style	弹幕样式	对象