☰

Bunkr .ts File Player

Adds a video player to Bunkr for .ts files, allowing you to stream them without needing to download first.

// ==UserScript==
// @name         Bunkr .ts File Player
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Adds a video player to Bunkr for .ts files, allowing you to stream them without needing to download first.
// @author       You
// @include      https://bunkr.*/f/*
// @grant        none
// @license MIT
// @run-at       document-end
// ==/UserScript==

(function() {
'use strict';

const LOG_PREFIX = '[Video Player]';
const GATEWAY_URL = "https://gateway.u4582180137.workers.dev/";

function main() {
    const ogImageMeta = document.querySelector('meta[property="og:image"]');
    if (!ogImageMeta) {
        return;
    }

    const thumbUrl = ogImageMeta.content;
    const videoUrl = thumbUrl.replace('/thumbs/', '/').replace(/\.png$|\.jpg$|\.jpeg$|\.webp$/, '');

    if (!videoUrl.endsWith('.ts')) {
        return;
    }

    const streamUrl = `${GATEWAY_URL}?url=${encodeURIComponent(videoUrl)}&referer=${encodeURIComponent(window.location.href)}`;

    const injectionPoint = document.querySelector('main.cont');
    if (!injectionPoint) {
        return;
    }

    const container = document.createElement('div');
    container.style.cssText = `
        position: relative;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto 1.5rem auto;
        border-radius: 0.5rem;
        overflow: hidden;
        background-color: #000;
    `;

    const videoPlayer = document.createElement('video');
    videoPlayer.id = 'bunkr-ts-player';
    videoPlayer.controls = true;
    videoPlayer.preload = 'auto';
    videoPlayer.playsInline = true;
    videoPlayer.style.cssText = `
        width: 100%;
        max-height: calc(100vh - 12rem);
        display: block;
        border-radius: 0.5rem;
        aspect-ratio: 16 / 9;
    `;

    const posterOverlay = document.createElement('div');
    posterOverlay.style.cssText = `
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-image: url('${thumbUrl}');
        background-size: cover;
        background-position: center;
        z-index: 1;
        transition: opacity 0.2s ease-out;
    `;

    const playIcon = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
    playIcon.setAttribute('viewBox', '0 0 24 24');
    playIcon.setAttribute('width', '80');
    playIcon.setAttribute('height', '80');
    playIcon.style.cssText = `filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)); transition: transform 0.1s ease-in-out;`;
    playIcon.innerHTML = `<path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M9.5,16.5v-9l7,4.5L9.5,16.5z" fill="rgba(255, 255, 255, 0.8)"/>`;
    posterOverlay.appendChild(playIcon);

    posterOverlay.addEventListener('mouseover', () => playIcon.style.transform = 'scale(1.1)');
    posterOverlay.addEventListener('mouseout', () => playIcon.style.transform = 'scale(1)');
    posterOverlay.addEventListener('click', () => {
        posterOverlay.style.opacity = '0';
        setTimeout(() => { posterOverlay.style.display = 'none'; }, 200);
        videoPlayer.play().catch(e => console.error(`${LOG_PREFIX} Play failed:`, e));
    });

    container.appendChild(videoPlayer);
    container.appendChild(posterOverlay);
    injectionPoint.parentNode.insertBefore(container, injectionPoint.nextSibling);

    loadPlayer(videoPlayer, streamUrl);
}

function loadPlayer(video, streamUrl) {
    if (typeof mpegts === 'undefined') {
        const mpegtsScript = document.createElement('script');
        mpegtsScript.src = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/mpegts.min.js';
        mpegtsScript.async = true;
        mpegtsScript.onload = () => {
            initPlayer(video, streamUrl);
        };
        mpegtsScript.onerror = () => {
            console.error(`${LOG_PREFIX} Failed to load mpegts.js`);
        };
        document.head.appendChild(mpegtsScript);
    } else {
        initPlayer(video, streamUrl);
    }
}

let playerInstance = null;

function initPlayer(video, streamUrl) {
    if (!mpegts.getFeatureList().mseLivePlayback) {
        console.error(`${LOG_PREFIX} MSE not supported`);
        return;
    }

    const player = mpegts.createPlayer({
        type: 'mpegts',
        isLive: false,
        url: streamUrl,
    }, {
        enableWorker: false,
        enableStashBuffer: true,
        stashInitialSize: 128,
        isLive: false,
        autoCleanupSourceBuffer: false,
        fixAudioTimestampGap: true,
        lazyLoad: false,
        seekType: 'range',
        rangeLoadZeroStart: false,
        liveBufferLatencyChasing: false,
    });

    playerInstance = player;
    player.attachMediaElement(video);
    player.load();

    let errorCount = 0;
    const MAX_ERRORS = 3;
    let isSeeking = false;

    player.on(mpegts.Events.ERROR, (errorType, errorDetail, errorInfo) => {
        console.error(`${LOG_PREFIX} Player error:`, errorType, errorDetail, errorInfo);

        if (isSeeking) {
            console.warn(`${LOG_PREFIX} Ignoring error during seek`);
            return;
        }

        errorCount++;

        if (errorCount <= MAX_ERRORS) {
            console.warn(`${LOG_PREFIX} Attempting recovery (${errorCount}/${MAX_ERRORS})...`);

            const currentTime = video.currentTime;
            const wasPaused = video.paused;

            setTimeout(() => {
                try {
                    player.unload();
                    player.detachMediaElement();
                    player.destroy();

                    initPlayer(video, streamUrl);

                    video.addEventListener('loadedmetadata', function restorePosition() {
                        video.currentTime = currentTime;
                        if (!wasPaused) {
                            video.play();
                        }
                        video.removeEventListener('loadedmetadata', restorePosition);
                    }, { once: true });
                } catch (e) {
                    console.error(`${LOG_PREFIX} Recovery failed:`, e);
                }
            }, 1000);
        } else {
            console.error(`${LOG_PREFIX} Max recovery attempts reached. Please refresh.`);
        }
    });

    player.on(mpegts.Events.LOADING_COMPLETE, () => {
        errorCount = 0;
    });

    video.addEventListener('seeking', () => {
        isSeeking = true;
    });

    video.addEventListener('seeked', () => {
        setTimeout(() => {
            isSeeking = false;
        }, 500);
    });

    let stallTimeout;
    video.addEventListener('waiting', () => {
        clearTimeout(stallTimeout);
        stallTimeout = setTimeout(() => {
            if (video.readyState < 3 && !video.paused) {
                console.warn(`${LOG_PREFIX} Playback stalled, attempting to continue...`);
                video.play().catch(() => {});
            }
        }, 2000);
    });

    video.addEventListener('playing', () => {
        clearTimeout(stallTimeout);
    });

    video.addEventListener('error', (e) => {
        console.error(`${LOG_PREFIX} Video error:`, e);
    });

    window.addEventListener('beforeunload', () => {
        if (playerInstance) {
            playerInstance.pause();
            playerInstance.unload();
            playerInstance.detachMediaElement();
            playerInstance.destroy();
            playerInstance = null;
        }
    });
}

main();

})();