{"id":120,"date":"2026-01-25T03:48:53","date_gmt":"2026-01-24T19:48:53","guid":{"rendered":"https:\/\/rainsoundteam.4qb.cn\/?p=120"},"modified":"2026-01-25T03:48:53","modified_gmt":"2026-01-24T19:48:53","slug":"%e7%9f%a5%e8%af%86-%e6%8e%92%e5%88%97%e7%bb%84%e5%90%88-%e6%8b%86%e5%88%86%e6%b3%95%e8%a7%a3%e5%86%b3%e7%bb%84%e5%90%88%e5%85%ac%e5%bc%8f","status":"publish","type":"post","link":"https:\/\/rainsoundteam.4qb.cn\/?p=120","title":{"rendered":"\u77e5\u8bc6\/\u6392\u5217\u7ec4\u5408\/\u62c6\u5206\u6cd5\u89e3\u51b3\u7ec4\u5408\u516c\u5f0f"},"content":{"rendered":"<p>\u8fd9\u4e2a\u89c6\u9891\u6211\u4eec\u8be6\u7ec6\u62c6\u89e3\u4e00\u4e0b\u6392\u5217\u7ec4\u5408\u4e2d\u5e38\u89c1\u7684\u4e00\u7c7b\u5c0f\u601d\u60f3\uff1a\u62c6\u5206\u6cd5\u3002\u4ee5\u53ca\u8fd9\u4e2a\u601d\u60f3\u80fd\u591f\u63a8\u5bfc\u51fa\u7684\u4e00\u4e9b\u7ec4\u5408\u6570\u7684\u8fde\u4e32\u516c\u5f0f\uff0c\u4e3b\u8981\u662f\u8ddf\u9012\u63a8\u6709\u5173\uff1b\u4ee5\u5f80\u8fd9\u79cd\u9012\u63a8\u5f0f\u5b50\u6709\u70b9\u96be\u8bb0\uff0c\u4f46\u662f\u5982\u679c\u7528\u62c6\u5206\u7684\u65b9\u5f0f\u6765\u89e3\u91ca\uff0c\u5c31\u4f1a\u53d8\u5f97\u6bd4\u8f83\u597d\u8bb0\u5fc6\u3002<\/p>\n<p>&nbsp;<\/p>\n\n<div id=\"artplayer120\" class=\"artplayerbox\" style=\"width:100%;height:500px\">\n    <!-- \u5e7f\u544a\u5c55\u793a -->\n    <\/div>\n\n<!-- \u96c6\u6570\u6309\u94ae\u548c\u64ad\u653e\u4e0b\u4e00\u96c6\u6309\u94ae -->\n\n<script type=\"text\/javascript\">\n    \/\/ \u786e\u4fddDOM\u52a0\u8f7d\u5b8c\u6210\u540e\u6267\u884c\n    jQuery(document).ready(function($) {\n        \/\/ \u5168\u5c40\u8bbe\u7f6e\u53f3\u952e\u83dc\u5355\u5f00\u5173\n                \n        var art = null;  \/\/ \u5b9a\u4e49\u64ad\u653e\u5668\u5b9e\u4f8b\n        var currentVideoIndex = 0;  \/\/ \u5f53\u524d\u89c6\u9891\u7d22\u5f15\n        var videoCount = 1;  \/\/ \u89c6\u9891\u603b\u6570\n        var urls = [\"https:\\\/\\\/pan.086yun.com\\\/f\\\/O5Uy\\\/RPReplay_Final1769283201.mp4\"];  \/\/ \u89c6\u9891URL\u5217\u8868\n        var poster = \"\";  \/\/ \u83b7\u53d6\u5c01\u9762\u56fe\u5730\u5740\n        var playerId = \"artplayer120\"; \/\/ \u64ad\u653e\u5668\u5bb9\u5668ID\n\n        \/\/ \u521d\u59cb\u5316\u64ad\u653e\u5668\n        function initializePlayer(videoUrl, autoplay = false) {\n            if (art) {\n                art.destroy();  \/\/ \u9500\u6bc1\u5f53\u524d\u64ad\u653e\u5668\u5b9e\u4f8b\n            }\n\n            \/\/ \u521b\u5efa\u65b0\u64ad\u653e\u5668\u5b9e\u4f8b\uff08\u4fee\u590dID\u5339\u914d\u95ee\u9898\uff09\n            art = new Artplayer({\n                id: playerId,\n                container: \"#\" + playerId,\n                url: videoUrl,  \/\/ \u4f20\u9012\u7684\u5f53\u524d\u89c6\u9891URL\n                poster: poster,  \/\/ \u4f20\u9012\u5c01\u9762\u56fe\u5730\u5740\n                theme: '#3f51b5',\n                autoplay: autoplay,  \/\/ \u5207\u6362\u89c6\u9891\u65f6\u662f\u5426\u81ea\u52a8\u64ad\u653e\n                volume:0.7,                                                                autoMini:true,                playbackRate:true,                                pip:true,                fullscreenWeb:true,                flip:true,                                lock:true,                fastForward:true,                                autoOrientation:true,                \n                plugins: [\n                                ],\n                hotkey: true,\n                fullscreen: true,\n                setting: true,\n                whitelist: ['*'],\n                lang: 'zh-cn',\n                customType: {\n                    m3u8: function (video, url) {\n                        if (typeof Hls !== 'undefined' && Hls.isSupported()) {\n                            const hls = new Hls();\n                            hls.loadSource(url);\n                            hls.attachMedia(video);\n                        } else {\n                            const canPlay = video.canPlayType('application\/vnd.apple.mpegurl');\n                            if (canPlay === 'probably' || canPlay === 'maybe') {\n                                video.src = url;\n                            } else {\n                                if(art) art.notice.show = \"Unsupported playback format: m3u8\";\n                            }\n                        }\n                    }\n                }\n            });\n\n            \/\/ \u957f\u6309\u500d\u901f\u76f8\u5173\u903b\u8f91 - \u4fee\u590d\u624b\u673a\u957f\u6309\u5f39\u51fa\u4e0b\u8f7d\u6309\u94ae\u95ee\u9898\n            var longPressTimer = null;\n            var isLongPressing = false;\n            var defaultPlaybackRate = 1.0;\n            var longPressRate = 2.0; \/\/ \u957f\u6309\u500d\u901f\u503c\n\n            \/\/ \u64ad\u653e\u5668\u5c31\u7eea\u540e\u7ed1\u5b9a\u89e6\u6478\u4e8b\u4ef6\n            art.on('ready', function() {\n                const videoElement = art.video;\n\n                \/\/ 1. \u7981\u7528\u6d4f\u89c8\u5668\u9ed8\u8ba4\u957f\u6309\u83dc\u5355\/\u4e0b\u8f7d\u6309\u94ae\n                videoElement.addEventListener('contextmenu', function(e) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                }, { passive: false });\n\n\n                videoElement.addEventListener('touchend', onTouchEnd);\n                videoElement.addEventListener('touchcancel', onTouchEnd);\n            });\n        }\n\n        \/\/ \u521d\u59cb\u5316\u64ad\u653e\u5668\n        initializePlayer(urls[currentVideoIndex]);\n\n        \/\/ \u96c6\u6570\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\uff08\u4e8b\u4ef6\u59d4\u6258\uff09\n        $(document).on('click', '.video-button', function () {\n            var videoIndex = $(this).data('video-index');\n            var videoUrl = urls[videoIndex];\n\n            initializePlayer(videoUrl, true);\n            $('.video-button').removeClass('active');\n            $(this).addClass('active');\n            currentVideoIndex = videoIndex;\n        });\n\n        \/\/ \u64ad\u653e\u4e0b\u4e00\u96c6\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\n        $(document).on('click', '.next-video-button', function () {\n            if (currentVideoIndex < videoCount - 1) {\n                currentVideoIndex++;\n                var nextVideoUrl = urls[currentVideoIndex];\n                initializePlayer(nextVideoUrl, true);\n                \n                $('.video-button').removeClass('active');\n                $('.video-button[data-video-index=\"' + currentVideoIndex + '\"]').addClass('active');\n            }\n        });\n    });\n<\/script>\n\n<style>\n    \/* \u96c6\u6570\u6309\u94ae\u7684\u57fa\u672c\u6837\u5f0f *\/\n    .video-button {\n        background-color: #007bff;\n        color: #fff;\n        padding: 10px 20px;\n        margin: 5px;\n        border: none;\n        border-radius: 5px;\n        cursor: pointer;\n        font-size: 16px;\n        transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n\n    \/* \u6fc0\u6d3b\u72b6\u6001\u7684\u6309\u94ae *\/\n    .video-button.active {\n        background-color: #dc3545;\n    }\n\n    \/* \u6309\u94ae\u60ac\u505c\u65f6 *\/\n    .video-button:hover:not(.active) {\n        background-color: #0056b3;\n        transform: scale(1.05);\n    }\n\n    \/* \u6309\u94ae\u70b9\u51fb\u65f6 *\/\n    .video-button:active {\n        transform: scale(0.98);\n    }\n\n    \/* \u96c6\u6570\u6309\u94ae\u5bb9\u5668\u7684\u5e03\u5c40 *\/\n    .episode-buttons {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        margin-top: 15px;\n    }\n\n    \/* \u64ad\u653e\u4e0b\u4e00\u96c6\u6309\u94ae *\/\n    .next-video-button {\n        background-color: #2a59f1;\n        color: #fff;\n        padding: 10px 20px;\n        margin: 5px;\n        border: none;\n        border-radius: 5px;\n        cursor: pointer;\n        font-size: 16px;\n        transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n\n    .next-video-button:hover {\n        background-color: #0056b3;\n        transform: scale(1.05);\n    }\n\n    .next-video-button:active {\n        transform: scale(0.98);\n    }\n\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u8fd9\u4e2a\u89c6\u9891\u6211\u4eec\u8be6\u7ec6\u62c6\u89e3\u4e00\u4e0b\u6392\u5217\u7ec4\u5408\u4e2d\u5e38\u89c1\u7684\u4e00\u7c7b\u5c0f\u601d\u60f3\uff1a\u62c6\u5206\u6cd5\u3002\u4ee5\u53ca\u8fd9\u4e2a\u601d\u60f3\u80fd\u591f\u63a8\u5bfc\u51fa\u7684\u4e00\u4e9b\u7ec4\u5408\u6570\u7684\u8fde\u4e32\u516c\u5f0f\uff0c\u4e3b\u8981 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[],"class_list":["post-120","post","type-post","status-publish","format-standard","hentry","category-8"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=\/wp\/v2\/posts\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=120"}],"version-history":[{"count":2,"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=\/wp\/v2\/posts\/120\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=\/wp\/v2\/posts\/120\/revisions\/123"}],"wp:attachment":[{"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}