Compare commits
No commits in common. "10b5890972c59a533ff53ef39953d361bc42724e" and "782a4c48ef70eb1c6b17d5377ccb06d01cf16736" have entirely different histories.
10b5890972
...
782a4c48ef
9 changed files with 6 additions and 91 deletions
|
|
@ -15,7 +15,7 @@
|
|||
"live-streaming"
|
||||
],
|
||||
"type": "module",
|
||||
"version": "0.4.70",
|
||||
"version": "0.4.67",
|
||||
"exports": {
|
||||
".": "./index.ts"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -18,7 +18,6 @@ import './Styles/Iconoir.css'
|
|||
<div class="vc-top">
|
||||
<p>{Title}</p>
|
||||
</div>
|
||||
<div id="vc-gestures"></div>
|
||||
<div class="vc-bottom">
|
||||
<button style="display: none" id="vc-playagain"><i class="iconoir-refresh"></i></button>
|
||||
<div class="vc-start">
|
||||
|
|
|
|||
|
|
@ -1,11 +1,10 @@
|
|||
---
|
||||
const {
|
||||
PlayerName,
|
||||
BigPlayButton
|
||||
PlayerName
|
||||
} = Astro.props
|
||||
---
|
||||
|
||||
<script define:vars={{PlayerName, BigPlayButton}}>
|
||||
<script define:vars={{PlayerName}}>
|
||||
/**
|
||||
* @licstart The following is the entire license notice for the
|
||||
* JavaScript code in this page.
|
||||
|
|
@ -35,27 +34,6 @@ var VideoContainer = document.querySelector('#zorn-player-' + PlayerName)
|
|||
var VideoControls = document.querySelector('#zorn-player-' + PlayerName + ' .video-controls')
|
||||
var Player = document.querySelector('#zorn-player-' + PlayerName + ' video')
|
||||
|
||||
// Big Present Button
|
||||
function BigPresentButton() {
|
||||
if (BigPlayButton === true) {
|
||||
VideoControls.style.opacity = '0'
|
||||
VideoControls.style.pointerEvents = 'none'
|
||||
} else {
|
||||
null
|
||||
}
|
||||
|
||||
const Button_BigPresentButton = document.querySelector("#zorn-player-" + PlayerName + " .big-present-button")
|
||||
Button_BigPresentButton.onclick = BigButtonClicked
|
||||
|
||||
function BigButtonClicked() {
|
||||
Button_BigPresentButton.style.opacity = '0'
|
||||
Button_BigPresentButton.style.pointerEvents = 'none'
|
||||
VideoControls.style.opacity = '1'
|
||||
VideoControls.style.pointerEvents = 'all'
|
||||
Player.play()
|
||||
}
|
||||
}
|
||||
|
||||
// Icons
|
||||
var play_solid_default = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ffffff" stroke-width="1.5"><path d="M6.90588 4.53682C6.50592 4.2998 6 4.58808 6 5.05299V18.947C6 19.4119 6.50592 19.7002 6.90588 19.4632L18.629 12.5162C19.0211 12.2838 19.0211 11.7162 18.629 11.4838L6.90588 4.53682Z" fill="#ffffff" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>';
|
||||
var pause_solid_default = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#ffffff" stroke-width="1.5" data-darkreader-inline-color="" style="--darkreader-inline-color: #e8e6e3;"><path d="M6 18.4V5.6C6 5.26863 6.26863 5 6.6 5H9.4C9.73137 5 10 5.26863 10 5.6V18.4C10 18.7314 9.73137 19 9.4 19H6.6C6.26863 19 6 18.7314 6 18.4Z" fill="#ffffff" stroke="#ffffff" stroke-width="1.5" data-darkreader-inline-fill="" data-darkreader-inline-stroke="" style="--darkreader-inline-fill: #ffffff; --darkreader-inline-stroke: #ffffff;"></path><path d="M14 18.4V5.6C14 5.26863 14.2686 5 14.6 5H17.4C17.7314 5 18 5.26863 18 5.6V18.4C18 18.7314 17.7314 19 17.4 19H14.6C14.2686 19 14 18.7314 14 18.4Z" fill="#ffffff" stroke="#ffffff" stroke-width="1.5" data-darkreader-inline-fill="" data-darkreader-inline-stroke="" style="--darkreader-inline-fill: #ffffff; --darkreader-inline-stroke: #ffffff;"></path></svg>';
|
||||
|
|
@ -160,29 +138,6 @@ function SkipAround() {
|
|||
}
|
||||
}
|
||||
|
||||
// Gestures (Click / Double-click)
|
||||
function Gestures() {
|
||||
var GestureCanvas = document.querySelector('#zorn-player-' + PlayerName + ' #vc-gestures')
|
||||
|
||||
GestureCanvas.addEventListener("click", (event) => {
|
||||
if(!event) {
|
||||
event = true
|
||||
setTimeout( function() { event = false; }, 300 )
|
||||
return false
|
||||
}
|
||||
document.querySelector('#zorn-player-' + PlayerName + ' #vc-playpause').click()
|
||||
})
|
||||
|
||||
GestureCanvas.addEventListener("dblclick", (event) => {
|
||||
if(!event) {
|
||||
event = true
|
||||
setTimeout( function() { event = false; }, 300 )
|
||||
return false
|
||||
}
|
||||
document.querySelector('#zorn-player-' + PlayerName + ' #vc-fullscreen').click()
|
||||
})
|
||||
}
|
||||
|
||||
// Hide Controls
|
||||
function AutoToggleControls() {
|
||||
function Hide_Controls2() {
|
||||
|
|
@ -312,9 +267,7 @@ function PlayItAgain() {
|
|||
|
||||
// Init All Functions
|
||||
AutoToggleControls()
|
||||
BigPresentButton()
|
||||
Fullscreen()
|
||||
Gestures()
|
||||
KeyboardShortcuts()
|
||||
PlayPause()
|
||||
SkipAround()
|
||||
|
|
|
|||
|
|
@ -12,7 +12,6 @@ const {
|
|||
AudioAttributes,
|
||||
|
||||
ShowBackAndForward,
|
||||
BigPlayButton = false,
|
||||
|
||||
YouTube = false,
|
||||
YouTubeQuality = '137',
|
||||
|
|
@ -44,7 +43,6 @@ if (YouTube === true) {
|
|||
// 1080p = 137
|
||||
// 720p = 302
|
||||
// Dash Audio = 251
|
||||
var YTThumbnail = 'https://i.ytimg.com/vi/' + WatchId +'/maxresdefault.jpg'
|
||||
var YTVideo = 'https://' + Invidious +'/latest_version?id=' + WatchId + '&itag=' + YouTubeQuality
|
||||
var YTAudio = 'https://' + Invidious +'/latest_version?id=' + WatchId + '&itag=251'
|
||||
} else if (YouTube === false) {
|
||||
|
|
@ -57,7 +55,7 @@ import './Styles/Iconoir.css'
|
|||
---
|
||||
|
||||
<div class="video-container" id={"zorn-player-" + PlayerName}>
|
||||
<video class="main-video" {VideoAttributes} disableremoteplayback src={YouTube ? YTVideo : Video} poster={YouTube ? YTThumbnail : Poster} preload="auto"></video>
|
||||
<video class="main-video" {VideoAttributes} disableremoteplayback src={YouTube ? YTVideo : Video} poster={Poster} preload="auto"></video>
|
||||
{Audio ? <audio class="main-audio"><source {AudioAttributes} src={YouTube ? YTAudio : Audio} type="audio/mp3"/></audio> : null }
|
||||
{Audio ? <Sync PlayerName={PlayerName}/> : null }
|
||||
{Milieu ?
|
||||
|
|
@ -71,11 +69,6 @@ import './Styles/Iconoir.css'
|
|||
:
|
||||
null
|
||||
}
|
||||
{BigPlayButton ?
|
||||
<button class="big-present-button"><i class="iconoir-play-solid"></i></button>
|
||||
:
|
||||
null
|
||||
}
|
||||
{SettingsMenu ?
|
||||
<Controls ShowBackAndForward={ShowBackAndForward} PlayerName={PlayerName} Live={Live}>
|
||||
<button id="open-zorn-settings-button" onclick="OpenZornMenu()"><i class="iconoir-settings"></i></button>
|
||||
|
|
@ -88,7 +81,7 @@ import './Styles/Iconoir.css'
|
|||
:
|
||||
<Controls ShowBackAndForward={ShowBackAndForward} PlayerName={PlayerName} Live={Live}/>
|
||||
}
|
||||
<Controller PlayerName={PlayerName} BigPlayButton={BigPlayButton}/>
|
||||
<Controller PlayerName={PlayerName}/>
|
||||
<Seek PlayerName={PlayerName}/>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -23,7 +23,6 @@
|
|||
height: 100%;
|
||||
object-fit: contain;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
}
|
||||
canvas {
|
||||
top: 0px;
|
||||
|
|
@ -67,10 +66,6 @@
|
|||
opacity: 0;
|
||||
transition: 0.3s opacity;
|
||||
}
|
||||
#vc-gestures {
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
.vc-bottom {
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
|
|
@ -218,27 +213,6 @@
|
|||
transition: 0.3s opacity;
|
||||
}
|
||||
|
||||
.big-present-button {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 10;
|
||||
transform: translate(-50%, -50%);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 6rem;
|
||||
background: rgba(0, 0, 0, 0.32);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 32px;
|
||||
cursor: pointer;
|
||||
i::before {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
.vc-menu {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
|
|
|
|||
|
|
@ -19,8 +19,7 @@ import Info from '@components/Info.astro'
|
|||
<Header/>
|
||||
<slot/>
|
||||
<Info Title={Title} Description={Description}>
|
||||
<div class="info-section"><slot name="info"></slot></div>
|
||||
<div class="code-section"><slot name="code"></slot></div>
|
||||
<slot name="info"></slot>
|
||||
</Info>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,6 @@ import {Zorn} from '@minpluto/zorn'
|
|||
CustomControlsWithMenu
|
||||
SettingsMenu
|
||||
Whitelabel
|
||||
BigPlayButton
|
||||
>
|
||||
<slot slot="menu">
|
||||
<button>Stats for Geeks</button>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,6 @@ import {Zorn} from '@minpluto/zorn'
|
|||
SettingsMenu
|
||||
Milieu
|
||||
Whitelabel
|
||||
BigPlayButton
|
||||
>
|
||||
<slot slot="menu">
|
||||
<div id="settings" class="vc-menu">
|
||||
|
|
|
|||
|
|
@ -14,7 +14,6 @@ import {Zorn} from '@minpluto/zorn'
|
|||
WatchId="u9lj-c29dxI"
|
||||
Invidious="invidious.nerdvpn.de"
|
||||
Audio
|
||||
BigPlayButton
|
||||
>
|
||||
</Zorn>
|
||||
<slot slot="info">
|
||||
|
|
|
|||
Loading…
Reference in a new issue