99 lines
2.5 KiB
TypeScript
99 lines
2.5 KiB
TypeScript
import { invoke } from '@tauri-apps/api/core'
|
|
import { listen } from '@tauri-apps/api/event'
|
|
import { getCurrentWindow } from '@tauri-apps/api/window'
|
|
interface Params {
|
|
url?: string
|
|
mute?: string
|
|
}
|
|
function getSearchParamsAsObject() {
|
|
const params = new URLSearchParams(window.location.search)
|
|
const paramsObject = {}
|
|
params.forEach((value, key) => {
|
|
paramsObject[key] = value
|
|
})
|
|
return paramsObject
|
|
}
|
|
|
|
listen('video_pause', () => {
|
|
const player = document.getElementById('player') as HTMLVideoElement
|
|
if (player) player.pause()
|
|
})
|
|
|
|
class player{
|
|
playing:boolean
|
|
params:Params
|
|
interval:number
|
|
constructor(params:Params) {
|
|
this.params = params;
|
|
this.playing = false;
|
|
this.interval = 0;
|
|
}
|
|
init_player(videoUrl:string){
|
|
const player = document.getElementById('player') as HTMLVideoElement
|
|
if (player) {
|
|
player.src = videoUrl
|
|
player.play()
|
|
this.playing = true;
|
|
if (this.params.mute) {
|
|
player.muted = JSON.parse(this.params.mute)
|
|
}
|
|
player.loop = true
|
|
setTimeout(() => {
|
|
player.style.opacity = '1'
|
|
}, 0)
|
|
}
|
|
this.detect_zoom();
|
|
}
|
|
detect_zoom(){
|
|
setInterval(() => {
|
|
invoke('any_zoomed').then((res) => {
|
|
if (res as boolean) {
|
|
if(this.playing) {
|
|
const player = document.getElementById('player') as HTMLVideoElement
|
|
if (player) {
|
|
player.pause();
|
|
this.playing = false;
|
|
}
|
|
}
|
|
}
|
|
else{
|
|
if(!this.playing) {
|
|
const player = document.getElementById('player') as HTMLVideoElement
|
|
if (player) {
|
|
player.play();
|
|
this.playing = true;
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}, 1000)
|
|
}
|
|
}
|
|
|
|
let player_instance:player | null = null;
|
|
|
|
window.onload = () => {
|
|
invoke('set_wallpaper', {
|
|
title: 'wallitor_video_playback'
|
|
}).then((res) => {
|
|
if (!res) {
|
|
console.error('Unable to set wallpaper.')
|
|
const win = getCurrentWindow()
|
|
win.destroy()
|
|
return
|
|
}
|
|
const params: Params = getSearchParamsAsObject()
|
|
if (params.url) {
|
|
invoke('get_file', {
|
|
path: params.url
|
|
}).then((res) => {
|
|
const binary_data_arr = new Uint8Array(res as number[])
|
|
const blob = new Blob([binary_data_arr], { type: 'video/mp4' })
|
|
const videoUrl = URL.createObjectURL(blob)
|
|
player_instance = new player(params);
|
|
player_instance.init_player(videoUrl);
|
|
})
|
|
}
|
|
})
|
|
}
|