mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-26 03:18:56 +01:00
TEST IGNORE
This commit is contained in:
ashley
parent
b6dda9ac2d
commit
5adb35ad94
1 changed files with 142 additions and 36 deletions
|
|
@ -1011,50 +1011,155 @@ Offical Discord Server! :3
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<div id="<%= sha384(inv_vid.videoId) %>" class="video-player-container">
|
||||||
|
<video class="player video-ambient-container" id="videoPlayer" style="border-radius: 16px; box-sizing: border-box; min-width: 100%; display: block;" autoplay controls>
|
||||||
<div id="<%=sha384(inv_vid.videoId)%>" class="video-player-container">
|
<% if (isvidious) { %>
|
||||||
<video class="player video-ambient-container" id="video" style="border-radius: 16px; box-sizing: border-box; min-width: 100%; display: block;" autoplay controls>
|
<% if (!qua) { %>
|
||||||
<% if (isvidious) { %>
|
<source src="<%= u %>/latest_version?id=<%= inv_vid.videoId %>&itag=22&local=true" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="hd720" selected="true">
|
||||||
<% if (!qua) { %>
|
<% } %>
|
||||||
<source src="<%=u%>/latest_version?id=<%=inv_vid.videoId%>&itag=22&local=true" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="hd720" selected="true">
|
<% if (qua === "medium") { %>
|
||||||
|
<source src="<%= u %>/latest_version?id=<%= inv_vid.videoId %>&itag=18&local=true" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="sd360" selected="true">
|
||||||
|
<% } %>
|
||||||
<% } %>
|
<% } %>
|
||||||
<% if (qua === "medium") { %>
|
|
||||||
<source src="<%=u%>/latest_version?id=<%=inv_vid.videoId%>&itag=18&local=true" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="sd360" selected="true">
|
|
||||||
<% } %>
|
|
||||||
<% } %>
|
|
||||||
|
|
||||||
<% if (!isSchoolProxy) { %>
|
<% if (!isSchoolProxy) { %>
|
||||||
<% if (!isvidious) { %>
|
<% if (!isvidious) { %>
|
||||||
<% if (!qua) { %>
|
<% if (!qua) { %>
|
||||||
<source src="https://tube.kuylar.dev/proxy/media/<%=inv_vid.videoId%>/22" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="hd720" selected="true">
|
<source src="https://tube.kuylar.dev/proxy/media/<%= inv_vid.videoId %>/22" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="hd720" selected="true">
|
||||||
<% } %>
|
<% } %>
|
||||||
<% if (qua === "medium") { %>
|
<% if (qua === "medium") { %>
|
||||||
<source src="https://tube.kuylar.dev/proxy/media/<%=inv_vid.videoId%>/18" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="sd360" selected="true">
|
<source src="https://tube.kuylar.dev/proxy/media/<%= inv_vid.videoId %>/18" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="sd360" selected="true">
|
||||||
<% } %>
|
<% } %>
|
||||||
|
<% } %>
|
||||||
<% } %>
|
<% } %>
|
||||||
<% } %>
|
|
||||||
|
|
||||||
<% if (isSchoolProxy) { %>
|
<% if (isSchoolProxy) { %>
|
||||||
<% if (!qua) { %>
|
<% if (!qua) { %>
|
||||||
<source src="https://tube-proxy.ashley0143.xyz/proxy/media/<%=inv_vid.videoId%>/22" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="hd720" selected="true">
|
<source src="https://tube-proxy.ashley0143.xyz/proxy/media/<%= inv_vid.videoId %>/22" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="hd720" selected="true">
|
||||||
|
<% } %>
|
||||||
|
<% if (qua === "medium") { %>
|
||||||
|
<source src="https://tube-proxy.ashley0143.xyz/proxy/media/<%= inv_vid.videoId %>/18" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="sd360" selected="true">
|
||||||
|
<% } %>
|
||||||
<% } %>
|
<% } %>
|
||||||
<% if (qua === "medium") { %>
|
|
||||||
<source src="https://tube-proxy.ashley0143.xyz/proxy/media/<%=inv_vid.videoId%>/18" type="video/mp4; codecs="avc1.64001F, mp4a.40.2"" label="sd360" selected="true">
|
|
||||||
<% } %>
|
|
||||||
<% } %>
|
|
||||||
|
|
||||||
<% if (Array.isArray( inv_vid.captions)) { %>
|
<% if (Array.isArray(inv_vid.captions)) { %>
|
||||||
<% inv_vid.captions?.forEach(x => { %>
|
<% inv_vid.captions.forEach(x => { %>
|
||||||
<track src="/api/subtitles?v=<%=inv_vid.videoId%>&h=<%= x.label %>" label="<%= x.label.replace("United States","Simplified - USA") %>" kind="subtitles">
|
<track src="/api/subtitles?v=<%= inv_vid.videoId %>&h=<%= x.label %>" label="<%= x.label.replace("United States", "Simplified - USA") %>" kind="subtitles">
|
||||||
<% }) %>
|
<% }) %>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
||||||
<% if (!Array.isArray( inv_vid.captions)) { %>
|
<% if (!Array.isArray(inv_vid.captions)) { %>
|
||||||
<track src="/api/subtitles?v=<%=inv_vid.videoId%>&h=<%= %>" label="<%= video.Subtitles.Subtitle.language.replace("United States","Simplified - USA") %>" kind="subtitles">
|
<track src="/api/subtitles?v=<%= inv_vid.videoId %>&h=<%= %>" label="<%= video.Subtitles.Subtitle.language.replace("United States", "Simplified - USA") %>" kind="subtitles">
|
||||||
<% } %>
|
<% } %>
|
||||||
</video>
|
</video>
|
||||||
|
|
||||||
|
<!-- Custom Video Player Controls -->
|
||||||
|
<div class="custom-controls">
|
||||||
|
<button id="playPauseBtn" class="control-btn" aria-label="Play"><i class="fal fa-play fa-lg"></i></button>
|
||||||
|
<div class="time-display">
|
||||||
|
<span id="currentTime">0:00</span> / <span id="totalTime">0:00</span>
|
||||||
|
</div>
|
||||||
|
<input id="volumeControl" type="range" min="0" max="1" step="0.01" value="1">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Custom CSS for Video Player -->
|
||||||
|
<style>
|
||||||
|
.video-player-container {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 640px; /* Adjust as needed */
|
||||||
|
margin: 0 auto; /* Center horizontally */
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.player {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-controls {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 10px;
|
||||||
|
background: rgba(0, 0, 0, 0.7);
|
||||||
|
border-top: 1px solid #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.control-btn {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.control-btn:hover {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.time-display {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.time-display span {
|
||||||
|
margin: 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Adjust other styles as needed */
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<!-- Custom JavaScript for Video Player -->
|
||||||
|
<script>
|
||||||
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
const video = document.getElementById('videoPlayer');
|
||||||
|
const playPauseBtn = document.getElementById('playPauseBtn');
|
||||||
|
const volumeControl = document.getElementById('volumeControl');
|
||||||
|
const currentTimeDisplay = document.getElementById('currentTime');
|
||||||
|
const totalTimeDisplay = document.getElementById('totalTime');
|
||||||
|
const seekbar = document.getElementById('seekbar');
|
||||||
|
|
||||||
|
// Play/Pause functionality
|
||||||
|
playPauseBtn.addEventListener('click', () => {
|
||||||
|
if (video.paused) {
|
||||||
|
video.play();
|
||||||
|
playPauseBtn.innerHTML = '<i class="fal fa-pause fa-lg"></i>';
|
||||||
|
} else {
|
||||||
|
video.pause();
|
||||||
|
playPauseBtn.innerHTML = '<i class="fal fa-play fa-lg"></i>';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Synchronize controls with video
|
||||||
|
video.addEventListener('timeupdate', () => {
|
||||||
|
currentTimeDisplay.textContent = formatTime(video.currentTime);
|
||||||
|
totalTimeDisplay.textContent = formatTime(video.duration);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Volume control
|
||||||
|
volumeControl.addEventListener('input', () => {
|
||||||
|
video.volume = volumeControl.value;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Seekbar functionality
|
||||||
|
seekbar.addEventListener('input', () => {
|
||||||
|
const seekTo = (seekbar.value / 100) * video.duration;
|
||||||
|
video.currentTime = seekTo;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Format time helper function
|
||||||
|
function formatTime(seconds) {
|
||||||
|
const minutes = Math.floor(seconds / 60);
|
||||||
|
const secs = Math.floor(seconds % 60);
|
||||||
|
return `${minutes}:${secs < 10 ? '0' : ''}${secs}`;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
<% if (!a) { %>
|
<% if (!a) { %>
|
||||||
<canvas width="12" height="6" class="ambient-canvas" id="ambient-canvas-1"></canvas>
|
<canvas width="12" height="6" class="ambient-canvas" id="ambient-canvas-1"></canvas>
|
||||||
<canvas width="12" height="6" class="ambient-canvas" id="ambient-canvas-2"></canvas>
|
<canvas width="12" height="6" class="ambient-canvas" id="ambient-canvas-2"></canvas>
|
||||||
|
|
@ -1893,6 +1998,7 @@ inv_vid?.recommendedVideos.forEach(video => {
|
||||||
|
|
||||||
|
|
||||||
<!-- SCRIPTS -->
|
<!-- SCRIPTS -->
|
||||||
|
|
||||||
<!-- AUTOPLAY -->
|
<!-- AUTOPLAY -->
|
||||||
<script>
|
<script>
|
||||||
function removeParam(paramName) {
|
function removeParam(paramName) {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue