{"id":81,"date":"2026-01-17T22:14:26","date_gmt":"2026-01-17T14:14:26","guid":{"rendered":"https:\/\/rainsoundteam.4qb.cn\/?p=81"},"modified":"2026-01-17T23:58:31","modified_gmt":"2026-01-17T15:58:31","slug":"%e9%9a%be%e9%a2%98-%e6%95%b0%e5%88%97-%e6%b5%99%e6%b1%9f%e9%a3%8e%e7%9a%84%e5%b8%b8%e8%a7%84%e6%94%be%e7%bc%a9%ef%bc%8c%e8%a7%82%e5%af%9f%e6%95%b0%e9%87%8f%e7%ba%a7%e5%92%8c%e6%9c%ac%e8%ba%ab%e7%bb%93","status":"publish","type":"post","link":"https:\/\/rainsoundteam.4qb.cn\/?p=81","title":{"rendered":"\u96be\u9898\/\u6570\u5217\/\u6d59\u6c5f\u98ce\u7684\u5e38\u89c4\u653e\u7f29\uff0c\u89c2\u5bdf\u6570\u91cf\u7ea7\u548c\u672c\u8eab\u7ed3\u6784\u7684\u6784\u9020\uff0c\u671b\u8fdc\u955c\u6c42\u548c\u7684\u5a01\u529b"},"content":{"rendered":"<ol>\n<li>\u7b2c\u4e00\u7bc7\u89e3\u9898\u6587\u7ae0\uff0c\u5c5e\u4e8e\u6d4b\u8bd5\u662f\u8bf4\uff1b<\/li>\n<\/ol>\n<p>\u672c\u671f\u7684\u9898\u76ee\u5982\u4e0b\uff0c\u6709\u70b9\u50cf\u6d59\u6c5f\u98ce\u683c\uff0c\u4e3b\u8981\u8003\u5bdf\u7684\u662f\u6784\u9020\u6570\u5217\u5c40\u90e8\u653e\u7f29\u6c42\u548c\uff0c\u8fd8\u86ee\u6709\u610f\u601d\u7684\u3002<\/p>\n<a href=\"https:\/\/rainsoundteam.4qb.cn\/wp-content\/uploads\/2026\/01\/f887cd08681244f3b3b99d64077e5a14.jpg\"><figure class=\"mdx-lazyload-container\" style=\"max-width:960px\"><div style=\"padding-top:26.145833333333%\"><\/div><div class=\"mdx-img-loading-sp mdui-valign\"><div><div class=\"mdui-spinner\"><\/div><\/div><\/div><img width=\"960\" height=\"251\" class=\"alignnone wp-image-83 size-full lazyload\" title=\"\u96be\u9898\/\u6570\u5217\/\u6d59\u6c5f\u98ce\u7684\u5e38\u89c4\u653e\u7f29\uff0c\u89c2\u5bdf\u6570\u91cf\u7ea7\u548c\u672c\u8eab\u7ed3\u6784\u7684\u6784\u9020\uff0c\u671b\u8fdc\u955c\u6c42\u548c\u7684\u5a01\u529b\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/rainsoundteam.4qb.cn\/wp-content\/uploads\/2026\/01\/f887cd08681244f3b3b99d64077e5a14.jpg\" alt=\"https:\/\/rainsoundteam.4qb.cn\/wp-content\/uploads\/2026\/01\/f887cd08681244f3b3b99d64077e5a14.jpg\" data-srcset=\"https:\/\/i0.wp.com\/rainsoundteam.4qb.cn\/wp-content\/uploads\/2026\/01\/f887cd08681244f3b3b99d64077e5a14.jpg?w=960&amp;ssl=1 960w, https:\/\/i0.wp.com\/rainsoundteam.4qb.cn\/wp-content\/uploads\/2026\/01\/f887cd08681244f3b3b99d64077e5a14.jpg?resize=300%2C78&amp;ssl=1 300w, https:\/\/i0.wp.com\/rainsoundteam.4qb.cn\/wp-content\/uploads\/2026\/01\/f887cd08681244f3b3b99d64077e5a14.jpg?resize=768%2C201&amp;ssl=1 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\"><\/figure><\/a>\n<p>\u8bb2\u89e3\u5982\u4e0b\uff1a<\/p>\n\n<div id=\"artplayer81\" 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    <div class=\"episode-buttons\">\n        <!-- \u64ad\u653e\u4e0b\u4e00\u96c6\u6309\u94ae -->\n        <button class=\"next-video-button\">\u64ad\u653e\u4e0b\u4e00\u96c6<\/button>\n        <!-- \u96c6\u6570\u6309\u94ae -->\n                    <button type=\"button\" class=\"video-button active\" \n                    data-video-url=\"https:\/\/pan.086yun.com\/f\/zdHK\/e4d132f316742d48b8d74a8f16da9142.mp4\" \n                    data-video-index=\"0\">\n                \u7b2c1\u96c6\n            <\/button>\n                    <button type=\"button\" class=\"video-button \" \n                    data-video-url=\"https:\/\/pan.086yun.com\/f\/Q1ir\/22c981bed50cca3dd4386f24d52c32b6.mp4\" \n                    data-video-index=\"1\">\n                \u7b2c2\u96c6\n            <\/button>\n                    <button type=\"button\" class=\"video-button \" \n                    data-video-url=\"https:\/\/pan.086yun.com\/f\/M3fy\/5d72a38a9b4e04c6b21945c07ec35788.mp4\" \n                    data-video-index=\"2\">\n                \u7b2c3\u96c6\n            <\/button>\n            <\/div>\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 = 3;  \/\/ \u89c6\u9891\u603b\u6570\n        var urls = [\"https:\\\/\\\/pan.086yun.com\\\/f\\\/zdHK\\\/e4d132f316742d48b8d74a8f16da9142.mp4\",\"https:\\\/\\\/pan.086yun.com\\\/f\\\/Q1ir\\\/22c981bed50cca3dd4386f24d52c32b6.mp4\",\"https:\\\/\\\/pan.086yun.com\\\/f\\\/M3fy\\\/5d72a38a9b4e04c6b21945c07ec35788.mp4\"];  \/\/ \u89c6\u9891URL\u5217\u8868\n        var poster = \"\";  \/\/ \u83b7\u53d6\u5c01\u9762\u56fe\u5730\u5740\n        var playerId = \"artplayer81\"; \/\/ \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>\u7b2c\u4e00\u7bc7\u89e3\u9898\u6587\u7ae0\uff0c\u5c5e\u4e8e\u6d4b\u8bd5\u662f\u8bf4\uff1b \u672c\u671f\u7684\u9898\u76ee\u5982\u4e0b\uff0c\u6709\u70b9\u50cf\u6d59\u6c5f\u98ce\u683c\uff0c\u4e3b\u8981\u8003\u5bdf\u7684\u662f\u6784\u9020\u6570\u5217\u5c40\u90e8\u653e\u7f29\u6c42\u548c\uff0c\u8fd8\u86ee\u6709\u610f\u601d\u7684 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":83,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[5],"class_list":["post-81","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-4","tag-5"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/rainsoundteam.4qb.cn\/wp-content\/uploads\/2026\/01\/f887cd08681244f3b3b99d64077e5a14.jpg?fit=960%2C251&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=\/wp\/v2\/posts\/81","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=81"}],"version-history":[{"count":6,"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=\/wp\/v2\/posts\/81\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=\/wp\/v2\/posts\/81\/revisions\/101"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=\/wp\/v2\/media\/83"}],"wp:attachment":[{"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=81"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=81"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rainsoundteam.4qb.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}