mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-10 12:46:15 -08:00
305 lines
8.6 KiB
TypeScript
305 lines
8.6 KiB
TypeScript
import type { CoreEvents } from './events/core-types'
|
|
import type { RuntimeOption } from './option/runtime'
|
|
import type { OptionInput } from './option/types'
|
|
import type { PlayerProperties } from './player/properties'
|
|
import type { PlayerTemplate } from './template/types'
|
|
import validator from 'option-validator'
|
|
import { version } from '../package.json'
|
|
import publishBrowserEntry from './bootstrap/browser'
|
|
import config from './config'
|
|
import Contextmenu from './contextmenu'
|
|
import Control from './control'
|
|
import Events from './events'
|
|
import Hotkey from './hotkey'
|
|
import I18n from './i18n'
|
|
import Icons from './icons'
|
|
import Info from './info'
|
|
import Layer from './layer'
|
|
import { beginLifecycle, destroyInstance, finishLifecycle, getScope } from './lifecycle/instance'
|
|
import Loading from './loading'
|
|
import Mask from './mask'
|
|
import Notice from './notice'
|
|
import createDefaults from './option/defaults'
|
|
import resolveRuntimeOption from './option/runtime'
|
|
import Player from './player'
|
|
import Plugins from './plugins'
|
|
import scheme from './scheme'
|
|
import Setting from './setting'
|
|
import Storage from './storage'
|
|
import style from './style'
|
|
import Subtitle from './subtitle'
|
|
import Template from './template'
|
|
import * as utils from './utils'
|
|
import Emitter from './utils/emitter'
|
|
|
|
let id = 0
|
|
const instances: Artplayer[] = []
|
|
// eslint-disable-next-line ts/no-unsafe-declaration-merging -- Player installs these descriptors; emitting fields would shadow them.
|
|
interface Artplayer extends PlayerProperties {
|
|
constructor: typeof Artplayer
|
|
}
|
|
|
|
// eslint-disable-next-line ts/no-unsafe-declaration-merging -- The merged interface describes installed descriptors and the inherited constructor.
|
|
class Artplayer extends Emitter<CoreEvents> {
|
|
declare static STYLE: string
|
|
declare static DEBUG: boolean
|
|
declare static CONTEXTMENU: boolean
|
|
declare static NOTICE_TIME: number
|
|
declare static SETTING_WIDTH: number
|
|
declare static SETTING_ITEM_WIDTH: number
|
|
declare static SETTING_ITEM_HEIGHT: number
|
|
declare static RESIZE_TIME: number
|
|
declare static SCROLL_TIME: number
|
|
declare static SCROLL_GAP: number
|
|
declare static AUTO_PLAYBACK_MAX: number
|
|
declare static AUTO_PLAYBACK_MIN: number
|
|
declare static AUTO_PLAYBACK_TIMEOUT: number
|
|
declare static RECONNECT_TIME_MAX: number
|
|
declare static RECONNECT_SLEEP_TIME: number
|
|
declare static CONTROL_HIDE_TIME: number
|
|
declare static DBCLICK_TIME: number
|
|
declare static DBCLICK_FULLSCREEN: boolean
|
|
declare static MOBILE_DBCLICK_PLAY: boolean
|
|
declare static MOBILE_CLICK_PLAY: boolean
|
|
declare static AUTO_ORIENTATION_TIME: number
|
|
declare static INFO_LOOP_TIME: number
|
|
declare static FAST_FORWARD_VALUE: number
|
|
declare static FAST_FORWARD_TIME: number
|
|
declare static TOUCH_MOVE_RATIO: number
|
|
declare static VOLUME_STEP: number
|
|
declare static SEEK_STEP: number
|
|
declare static PLAYBACK_RATE: number[]
|
|
declare static ASPECT_RATIO: string[]
|
|
declare static FLIP: string[]
|
|
declare static FULLSCREEN_WEB_IN_BODY: boolean
|
|
declare static LOG_VERSION: boolean
|
|
declare static USE_RAF: boolean
|
|
declare static REMOVE_SRC_WHEN_DESTROY: boolean
|
|
|
|
declare id: number
|
|
declare option: RuntimeOption<Artplayer>
|
|
declare isLock: boolean
|
|
declare isReady: boolean
|
|
declare isFocus: boolean
|
|
declare isInput: boolean
|
|
declare isRotate: boolean
|
|
declare isDestroy: boolean
|
|
declare template: PlayerTemplate<Artplayer>
|
|
declare events: Events
|
|
declare storage: Storage
|
|
declare icons: Icons
|
|
declare i18n: I18n
|
|
declare notice: Notice
|
|
declare player: Player<Artplayer>
|
|
declare layers: Layer
|
|
declare controls: Control
|
|
declare contextmenu: Contextmenu
|
|
declare subtitle: Subtitle
|
|
declare info: Info
|
|
declare loading: Loading
|
|
declare hotkey: Hotkey<Artplayer>
|
|
declare mask: Mask
|
|
declare setting: Setting
|
|
declare plugins: Plugins<Artplayer>
|
|
|
|
constructor(option: OptionInput, readyCallback?: (this: Artplayer, art: Artplayer) => unknown) {
|
|
super()
|
|
|
|
if (!utils.isBrowser) {
|
|
throw new Error('Artplayer can only be used in the browser environment')
|
|
}
|
|
|
|
this.id = ++id
|
|
|
|
this.option = resolveRuntimeOption<Artplayer>(option, Artplayer.option)
|
|
|
|
this.isLock = false
|
|
this.isReady = false
|
|
this.isFocus = false
|
|
this.isInput = false
|
|
this.isRotate = false
|
|
this.isDestroy = false
|
|
|
|
beginLifecycle(this)
|
|
try {
|
|
this.template = new Template<Artplayer>(this) as PlayerTemplate<Artplayer>
|
|
if (getScope(this).closed)
|
|
return
|
|
this.events = new Events(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.storage = new Storage()
|
|
if (getScope(this).closed)
|
|
return
|
|
this.icons = new Icons(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.i18n = new I18n(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.notice = new Notice(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.player = new Player<Artplayer>(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.layers = new Layer(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.controls = new Control(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.contextmenu = new Contextmenu(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.subtitle = new Subtitle(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.info = new Info(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.loading = new Loading(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.hotkey = new Hotkey<Artplayer>(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.mask = new Mask(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.setting = new Setting(this)
|
|
if (getScope(this).closed)
|
|
return
|
|
this.plugins = new Plugins(this)
|
|
|
|
if (getScope(this).closed)
|
|
return
|
|
|
|
if (typeof readyCallback === 'function') {
|
|
this.on('ready', () => readyCallback.call(this, this))
|
|
}
|
|
|
|
if (Artplayer.DEBUG) {
|
|
// eslint-disable-next-line no-console
|
|
const log = (msg: string) => console.log(`[ART.${this.id}] -> ${msg}`)
|
|
log(`Version@${Artplayer.version}`)
|
|
for (let index = 0; index < config.events.length; index++) {
|
|
this.on(`video:${config.events[index]}`, event => log(`Event@${event.type}`))
|
|
}
|
|
}
|
|
|
|
if (finishLifecycle(this))
|
|
instances.push(this)
|
|
}
|
|
catch (error) {
|
|
try {
|
|
destroyInstance(this, instances, true, Artplayer.REMOVE_SRC_WHEN_DESTROY, true)
|
|
}
|
|
catch (cleanupError) {
|
|
console.warn('Failed to clean up ArtPlayer initialization:', cleanupError)
|
|
}
|
|
throw error
|
|
}
|
|
}
|
|
|
|
static get instances() {
|
|
return instances
|
|
}
|
|
|
|
static get version() {
|
|
return version
|
|
}
|
|
|
|
static get config() {
|
|
return config
|
|
}
|
|
|
|
static get utils() {
|
|
return utils
|
|
}
|
|
|
|
static get scheme() {
|
|
return scheme
|
|
}
|
|
|
|
static get Emitter() {
|
|
return Emitter
|
|
}
|
|
|
|
static get validator() {
|
|
return validator
|
|
}
|
|
|
|
static get kindOf() {
|
|
return validator.kindOf
|
|
}
|
|
|
|
static get html() {
|
|
return Template.html
|
|
}
|
|
|
|
static get option() {
|
|
return createDefaults()
|
|
}
|
|
|
|
get proxy() {
|
|
return this.events.proxy
|
|
}
|
|
|
|
get query() {
|
|
return this.template.query
|
|
}
|
|
|
|
get video() {
|
|
return this.template.$video
|
|
}
|
|
|
|
reset() {
|
|
this.video.removeAttribute('src')
|
|
this.video.load()
|
|
}
|
|
|
|
destroy(removeHtml = true) {
|
|
destroyInstance(this, instances, removeHtml, Artplayer.REMOVE_SRC_WHEN_DESTROY)
|
|
}
|
|
}
|
|
|
|
Artplayer.STYLE = style
|
|
Artplayer.DEBUG = false
|
|
Artplayer.CONTEXTMENU = true
|
|
Artplayer.NOTICE_TIME = 2000
|
|
Artplayer.SETTING_WIDTH = 250
|
|
Artplayer.SETTING_ITEM_WIDTH = 200
|
|
Artplayer.SETTING_ITEM_HEIGHT = 35
|
|
Artplayer.RESIZE_TIME = 200
|
|
Artplayer.SCROLL_TIME = 200
|
|
Artplayer.SCROLL_GAP = 50
|
|
Artplayer.AUTO_PLAYBACK_MAX = 10
|
|
Artplayer.AUTO_PLAYBACK_MIN = 5
|
|
Artplayer.AUTO_PLAYBACK_TIMEOUT = 3000
|
|
Artplayer.RECONNECT_TIME_MAX = 5
|
|
Artplayer.RECONNECT_SLEEP_TIME = 1000
|
|
Artplayer.CONTROL_HIDE_TIME = 3000
|
|
Artplayer.DBCLICK_TIME = 300
|
|
Artplayer.DBCLICK_FULLSCREEN = true
|
|
Artplayer.MOBILE_DBCLICK_PLAY = true
|
|
Artplayer.MOBILE_CLICK_PLAY = false
|
|
Artplayer.AUTO_ORIENTATION_TIME = 200
|
|
Artplayer.INFO_LOOP_TIME = 1000
|
|
Artplayer.FAST_FORWARD_VALUE = 3
|
|
Artplayer.FAST_FORWARD_TIME = 1000
|
|
Artplayer.TOUCH_MOVE_RATIO = 0.5
|
|
Artplayer.VOLUME_STEP = 0.1
|
|
Artplayer.SEEK_STEP = 5
|
|
Artplayer.PLAYBACK_RATE = [0.5, 0.75, 1, 1.25, 1.5, 2]
|
|
Artplayer.ASPECT_RATIO = ['default', '4:3', '16:9']
|
|
Artplayer.FLIP = ['normal', 'horizontal', 'vertical']
|
|
Artplayer.FULLSCREEN_WEB_IN_BODY = true
|
|
Artplayer.LOG_VERSION = true
|
|
Artplayer.USE_RAF = false
|
|
Artplayer.REMOVE_SRC_WHEN_DESTROY = true
|
|
|
|
publishBrowserEntry(Artplayer, style)
|
|
|
|
export default Artplayer
|