mirror of
https://github.com/AirenSoft/OvenPlayer.git
synced 2025-03-14 10:15:51 +00:00
well-typed component for vue for typescript usage, you need `@types/ovenplayer@^0.10.8` installed. usage: ```vue <template> <OvenPlayer ref="player" :config="config" @state-changed="OnStateChanged" /> </template> <script setup lang="ts"> import { ref } from 'vue'; import OvenPlayer from 'ovenplayer-vue3'; import type { OvenPlayerEvents, OvenPlayerConfig } from 'ovenplayer'; // OvenPlayer component instance const ovenplayer = ref<InstanceType<typeof OvenPlayer>>(); // set config const config = ref<OvenPlayerConfig>({ autoStart: true, autoFallback: true, controls: false, disableSeekUI: true, mute: true }); // state changed event handler const OnStateChanged = (data: OvenPlayerEvents['stateChanged']) => { if (!ovenplayer.value?.playerInstance) return; if (!data.newstate) return; console.log('quality', ovenplayer.value.playerInstance.getQualityLevels()); }; </script> ```
11 lines
213 B
JSON
11 lines
213 B
JSON
{
|
|
"compilerOptions": {
|
|
"composite": true,
|
|
"skipLibCheck": true,
|
|
"module": "ESNext",
|
|
"moduleResolution": "bundler",
|
|
"allowSyntheticDefaultImports": true
|
|
},
|
|
"include": ["vite.config.ts"]
|
|
}
|