油猴脚本

youhou.js

@@ -0,0 +1,193 @@
+// ==UserScript==
+// @name         HeiMuer TV Video Player
+// @namespace    http://tampermonkey.net/
+// @version      0.3
+// @description  Add video player for HeiMuer TV
+// @author       You
+// @match        https://heimuer.tv/index.php/vod/detail/id/*
+// @grant        GM_log
+// @require      https://cdnjs.cloudflare.com/ajax/libs/hls.js/1.4.10/hls.min.js
+// ==/UserScript==
+
+(function () {
+    'use strict';
+
+    const processedUrls = new Set();
+    let currentHls = null;
+
+    function createVideoPlayer() {
+        // Create main panel
+        const panelDiv = document.createElement('div');
+        panelDiv.className = 'stui-pannel clearfix';
+
+        // Create header
+        const headDiv = document.createElement('div');
+        headDiv.className = 'stui-pannel__head clearfix';
+
+        // Create title
+        const title = document.createElement('h3');
+        title.className = 'title';
+        title.textContent = '在线播放';
+        headDiv.appendChild(title);
+
+        // Create episode list container
+        const episodeListDiv = document.createElement('div');
+        episodeListDiv.className = 'episode-list';
+        episodeListDiv.style.cssText = 'margin: 10px 0; display: flex; flex-wrap: wrap; gap: 5px;';
+        headDiv.appendChild(episodeListDiv);
+
+        // Create video wrapper
+        const wrapper = document.createElement('div');
+        wrapper.className = 'video-wrapper';
+        wrapper.style.cssText = 'width: 100%; position: relative; aspect-ratio: 16/9;';
+
+        // Create video container
+        const container = document.createElement('div');
+        container.className = 'custom-video-player';
+        container.style.cssText = 'position: absolute; top: 0; left: 0; width: 100%; height: 100%;';
+
+        // Create video element
+        const video = document.createElement('video');
+        video.controls = true;
+        video.style.cssText = 'width: 100%; height: 100%; object-fit: contain;';
+
+        // Assemble DOM
+        container.appendChild(video);
+        wrapper.appendChild(container);
+        panelDiv.appendChild(headDiv);
+        panelDiv.appendChild(wrapper);
+
+        // Add loading indicator
+        const loadingDiv = document.createElement('div');
+        loadingDiv.style.cssText = `
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        background: rgba(0,0,0,0.7);
+        color: white;
+        padding: 10px 20px;
+        border-radius: 4px;
+        display: none;
+    `;
+        loadingDiv.textContent = '加载中...';
+        container.appendChild(loadingDiv);
+
+        return {
+            container: panelDiv,
+            episodeList: episodeListDiv,
+            video: video,
+            playUrl: function (url) {
+                loadingDiv.style.display = 'block';
+
+                if (currentHls) {
+                    currentHls.destroy();
+                }
+
+                const tryPlay = () => {
+                    video.play().catch(error => {
+                        console.log("Retrying autoplay...");
+                        setTimeout(tryPlay, 1000);
+                    });
+                };
+
+                if (Hls.isSupported()) {
+                    currentHls = new Hls();
+                    currentHls.loadSource(url);
+                    currentHls.attachMedia(video);
+
+                    currentHls.on(Hls.Events.MANIFEST_LOADED, () => {
+                        console.log("Manifest loaded");
+                    });
+
+                    currentHls.on(Hls.Events.MANIFEST_PARSED, () => {
+                        console.log("Manifest parsed");
+                        loadingDiv.style.display = 'none';
+                        tryPlay();
+                    });
+
+                    currentHls.on(Hls.Events.ERROR, (event, data) => {
+                        console.log("HLS error:", data);
+                        loadingDiv.style.display = 'none';
+                    });
+                } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
+                    video.src = url;
+                    video.addEventListener('loadedmetadata', () => {
+                        loadingDiv.style.display = 'none';
+                        tryPlay();
+                    });
+                }
+            }
+        };
+    }
+
+    function init() {
+        const descDiv = document.getElementById('desc');
+        if (!descDiv) return;
+
+        // Parse all episodes
+        const episodes = [];
+        document.querySelectorAll('.hidden-xs').forEach(el => {
+            const text = el.textContent || '';
+            if (text.includes('m3u8.heimuertv.com')) {
+                const [number, fullUrl] = text.split('$');
+                const url = fullUrl.match(/https:\/\/m3u8\.heimuertv\.com\/play\/[\w\.]+\.m3u8/)?.[0];
+                if (url) {
+                    console.log('Episode number:', number); // Debug log
+                    episodes.push({ number, url });
+                }
+            }
+        });
+
+        if (episodes.length > 0) {
+            // Sort episodes
+            episodes.sort((a, b) => Number(a.number) - Number(b.number));
+
+            // Create player
+            const player = createVideoPlayer();
+            descDiv.parentNode.insertBefore(player.container, descDiv);
+
+            // Create episode buttons
+            episodes.forEach((episode, idx) => {
+                const btn = document.createElement('button');
+                const episodeNum = (idx + 1).toString().padStart(2, '0'); // Convert index to episode number
+                btn.textContent = `第${episodeNum}集`;
+                btn.style.cssText = `
+                    padding: 5px 15px;
+                    border: 1px solid ${idx === 0 ? '#007bff' : '#ddd'};
+                    background: ${idx === 0 ? '#007bff' : '#fff'};
+                    color: ${idx === 0 ? '#fff' : '#333'};
+                    border-radius: 3px;
+                    cursor: pointer;
+                `;
+                btn.onclick = () => {
+                    // Update button styles
+                    player.episodeList.querySelectorAll('button').forEach(b => {
+                        b.style.background = '#fff';
+                        b.style.color = '#333';
+                        b.style.borderColor = '#ddd';
+                    });
+                    btn.style.background = '#007bff';
+                    btn.style.color = '#fff';
+                    btn.style.borderColor = '#007bff';
+
+                    // Play episode
+                    player.playUrl(episode.url);
+                };
+                player.episodeList.appendChild(btn);
+            });
+
+            // Play first episode
+             // Trigger initial play with slight delay
+        setTimeout(() => {
+            player.playUrl(episodes[0].url);
+        }, 500);
+        }
+    }
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', init);
+    } else {
+        init();
+    }
+})();