mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Add ability to skip backwards when at the end of video playback

Browse source
This commit is contained in:
Connor Smith 2024-06-08 13:36:42 -04:00
parent 97d03f37aa
commit a9bc68df29
4 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/htmlMediaHelper.js
View file

@ -326,9 +326,6 @@ export function bindEventsToHlsPlayer(instance, hls, elem, onErrorFn, resolve, r
export function onEndedInternal(instance, elem, onErrorFn) { export function onEndedInternal(instance, elem, onErrorFn) {
elem.removeEventListener('error', onErrorFn); elem.removeEventListener('error', onErrorFn);
resetSrc(elem);
destroyHlsPlayer(instance);
destroyFlvPlayer(instance); destroyFlvPlayer(instance);
destroyCastPlayer(instance); destroyCastPlayer(instance);

2
src/controllers/playback/video/index.js
View file

@ -551,7 +551,6 @@ export default function (view) {
} }
function onPlaybackStopped(e, state) { function onPlaybackStopped(e, state) {
currentRuntimeTicks = null;
resetUpNextDialog(); resetUpNextDialog();
console.debug('nowplaying event: ' + e.type); console.debug('nowplaying event: ' + e.type);
@ -1969,4 +1968,3 @@ export default function (view) {
}); });
} }
} }

8
src/plugins/htmlVideoPlayer/plugin.js
View file

@ -885,6 +885,7 @@ export class HtmlVideoPlayer {
* @type {HTMLMediaElement} * @type {HTMLMediaElement}
*/ */
const elem = e.target; const elem = e.target;
document.querySelector('.posterOverlay').style.display = 'inline';
this.destroyCustomTrack(elem); this.destroyCustomTrack(elem);
onEndedInternal(this, elem, this.onError); onEndedInternal(this, elem, this.onError);
}; };
@ -915,6 +916,7 @@ export class HtmlVideoPlayer {
timeMs += ((currentPlayOptions.transcodingOffsetTicks || 0) / 10000); timeMs += ((currentPlayOptions.transcodingOffsetTicks || 0) / 10000);
this.updateSubtitleText(timeMs); this.updateSubtitleText(timeMs);
} }
document.querySelector('.posterOverlay').style.display = 'none';
Events.trigger(this, 'timeupdate'); Events.trigger(this, 'timeupdate');
}; };
@ -978,6 +980,7 @@ export class HtmlVideoPlayer {
if (!this.#started) { if (!this.#started) {
this.#started = true; this.#started = true;
elem.removeAttribute('controls'); elem.removeAttribute('controls');
document.querySelector('.posterOverlay').style.display = 'none';
loading.hide(); loading.hide();
@ -1596,8 +1599,11 @@ export class HtmlVideoPlayer {
html += '</video>'; html += '</video>';
html += '<img class="posterOverlay" />';
playerDlg.innerHTML = html; playerDlg.innerHTML = html;
const videoElement = playerDlg.querySelector('video'); const videoElement = playerDlg.querySelector('video');
const posterElement = playerDlg.querySelector('img');
videoElement.volume = getSavedVolume(); videoElement.volume = getSavedVolume();
videoElement.addEventListener('timeupdate', this.onTimeUpdate); videoElement.addEventListener('timeupdate', this.onTimeUpdate);
@ -1610,7 +1616,7 @@ export class HtmlVideoPlayer {
videoElement.addEventListener('dblclick', this.onDblClick); videoElement.addEventListener('dblclick', this.onDblClick);
videoElement.addEventListener('waiting', this.onWaiting); videoElement.addEventListener('waiting', this.onWaiting);
if (options.backdropUrl) { if (options.backdropUrl) {
videoElement.poster = options.backdropUrl; posterElement.src = options.backdropUrl;
} }
document.body.insertBefore(playerDlg, document.body.firstChild); document.body.insertBefore(playerDlg, document.body.firstChild);

10
src/plugins/htmlVideoPlayer/style.scss
View file

@ -36,6 +36,16 @@ video[controls]::-webkit-media-controls {
height: 100%; height: 100%;
} }
.posterOverlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100vw;
max-height: 100vh;
object-fit: contain;
}
.htmlvideoplayer::cue { .htmlvideoplayer::cue {
background-color: transparent; background-color: transparent;
text-shadow: 0.14em 0.14em 0.14em rgba(0, 0, 0, 1); text-shadow: 0.14em 0.14em 0.14em rgba(0, 0, 0, 1);