mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-22 21:31:20 -08:00
refactor(core): [CORE-20] type entry and converge initialization
This commit is contained in:
Harvey Zhao committed
1 parent
ccf77c4ed2
commit
ee895a558f
100 files changed
+33854
-839
No files matched your search
@@ -0,0 +1,304 @@
|
||||
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
|
||||
Reference in new issue
Block a user