mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-09 03:17:46 -08:00
30 lines
1.6 KiB
TypeScript
30 lines
1.6 KiB
TypeScript
import type { ThumbnailsHost } from '../../packages/artplayer/src/player/thumbnailsMix'
|
|
import type { ThumbnailGeometry } from '../../packages/artplayer/src/thumbnails/layout'
|
|
import type Artplayer from '../../packages/artplayer/types/artplayer'
|
|
import type { Thumbnails } from '../../packages/artplayer/types/option'
|
|
import { loadImg, loadThumbnailImage } from '../../packages/artplayer/src/image/load'
|
|
import ResourceScope from '../../packages/artplayer/src/lifecycle/scope'
|
|
import thumbnailsMix from '../../packages/artplayer/src/player/thumbnailsMix'
|
|
import { thumbnailLayout } from '../../packages/artplayer/src/thumbnails/layout'
|
|
|
|
declare const art: Artplayer
|
|
declare const host: ThumbnailsHost
|
|
declare const geometry: ThumbnailGeometry
|
|
const scope = new ResourceScope()
|
|
const installed: void = thumbnailsMix(host)
|
|
const option: Thumbnails = { url: 'sprite.png', column: 10, number: 100 }
|
|
art.thumbnails = option
|
|
const current: Thumbnails = art.thumbnails
|
|
const image: Promise<HTMLImageElement> = loadImg('sprite.png', 0.5)
|
|
const preview: Promise<HTMLImageElement | undefined> = loadThumbnailImage('sprite.png', 0.5, scope)
|
|
const layout = thumbnailLayout(option, geometry)
|
|
const width: string = layout.width
|
|
const left: number | string = layout.left
|
|
// @ts-expect-error Scale remains a number.
|
|
loadImg('sprite.png', 'half')
|
|
// @ts-expect-error Thumbnail configuration requires a URL.
|
|
art.thumbnails = { number: 100 }
|
|
// @ts-expect-error An owned request may be cancelled before producing an image.
|
|
const guaranteed: Promise<HTMLImageElement> = loadThumbnailImage('sprite.png', 1, scope)
|
|
export { current, guaranteed, image, installed, left, preview, width }
|