{"id":1691,"date":"2026-04-29T23:35:41","date_gmt":"2026-04-29T14:35:41","guid":{"rendered":"https:\/\/blog.wizard87.com\/?p=1691"},"modified":"2026-05-11T01:35:37","modified_gmt":"2026-05-10T16:35:37","slug":"test","status":"publish","type":"post","link":"https:\/\/blog.wizard87.com\/?p=1691","title":{"rendered":"test"},"content":{"rendered":"\n<div class=\"demo-wrap\">    \n    <div id=\"player-mount\"><\/div>\n  <\/div>\n\n  <script src=\"https:\/\/wizard87.com\/aruku-player.min.js\"><\/script>\n  <script>    \n     \/**\n     * ArukuMediaPlayer \uc0dd\uc131\uc790 \uc635\uc158 \uc804\uccb4 \ubaa9\ub85d\n     * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     * | \uc635\uc158                      | \ud0c0\uc785               | \uae30\ubcf8\uac12                  | \uc124\uba85                                                 |\n     * |---------------------------|--------------------|-------------------------|------------------------------------------------------|\n     * | videoUrl                  | string             | \"\"                      | HLS\/DASH\/MP4 \ube44\ub514\uc624 URL. \ube44\uc5b4 \uc788\uc73c\uba74 \uc790\ub3d9 \ub85c\ub4dc \uc548 \ud568 |\n     * | srtUrl                    | string             | \"\"                      | SRT \uc790\ub9c9 URL. \ube44\uc5b4 \uc788\uc73c\uba74 \uc790\ub9c9 \ub85c\ub4dc \uc548 \ud568            |\n     * | width                     | string|number|null | null                    | \ucee8\ud14c\uc774\ub108 width (\uc608: \"100%\", 1080, \"1080px\")          |\n     * | height                    | string|number|null | null                    | \ucee8\ud14c\uc774\ub108 height. \uc9c0\uc815 \uc2dc aspectRatio \ubb34\uc2dc            |\n     * | aspectRatio               | string|null        | null (orientation \uc790\ub3d9) | CSS aspect-ratio (\uc608: \"16\/9\", \"9\/16\")                |\n     * | autoplay                  | boolean            | true                    | \ub85c\ub4dc \uc9c1\ud6c4 \uc7ac\uc0dd \uc2dc\ub3c4 (\ube0c\ub77c\uc6b0\uc800 \uc815\ucc45\uc5d0 \ub530\ub77c \ucc28\ub2e8 \uac00\ub2a5) |\n     * | subtitleSize              | number             | 32                      | \ucd08\uae30 \uc790\ub9c9 \uae00\uc790 \ud06c\uae30(px). 16~72 \uc0ac\uc774                  |\n     * | subtitleColor             | string             | \"white\"                 | \ucd08\uae30 \uc790\ub9c9 \uc0c9\uc0c1 (\uc774\ub984 \/ #hex \/ rgb())                 |\n     * | defaultSubtitleYPercent   | number             | 85                      | \ucd08\uae30 \uc790\ub9c9 \uc138\ub85c \uc704\uce58 (5~95%)                          |\n     * | storageKey                | string             | \"shakaSrtPlayer.v1\"     | localStorage \uc800\uc7a5 \ud0a4 (\ub2e4\uc911 \uc778\uc2a4\ud134\uc2a4 \uc2dc \ubd84\ub9ac \uad8c\uc7a5)    |\n     * | shakaUrl                  | string             | shaka 4.15.10 CDN       | Shaka Player \uc2a4\ud06c\ub9bd\ud2b8 URL \uc624\ubc84\ub77c\uc774\ub4dc                 |\n     * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     *\n     * \ucc38\uace0: \uc0ac\uc6a9\uc790\uac00 \uc790\ub9c9 \uc704\uce58\/\ud06c\uae30\/\ubcfc\ub968 \ub4f1\uc744 \ubcc0\uacbd\ud558\uba74 storageKey\uc5d0 \uc800\uc7a5\ub418\uc5b4\n     *       \ub2e4\uc74c \ub85c\ub4dc \uc2dc \uc790\ub3d9 \ubcf5\uc6d0\ub429\ub2c8\ub2e4 (subtitleSize, defaultSubtitleYPercent,\n     *       subtitlesEnabled \ub4f1 \ucd08\uae30 \uc635\uc158\ubcf4\ub2e4 localStorage \uac12\uc774 \uc6b0\uc120).\n     *\/\n    const player = new ArukuMediaPlayer(\n    \tdocument.getElementById(\"player-mount\"), {\n      \/\/ \u2500\u2500 \uc18c\uc2a4 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n      videoUrl: \"https:\/\/s3.wizard87.com\/mynas\/public\/toaru\/index.m3u8\",\n      srtUrl: \"https:\/\/s3.wizard87.com\/mynas\/public\/toaru_dash\/toaru.srt\",\n\n      \/\/ \u2500\u2500 \uc0ac\uc774\uc988 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n      width: null,                  \/\/ \uc608: \"100%\", 1080, \"1080px\"\n      height: null,                 \/\/ \uc608: 480, \"60vh\"\n      aspectRatio: null,            \/\/ \uc608: \"16\/9\", \"9\/16\", \"21\/9\"\n      p2p: {\n         enabled: true,\n         coreUrl: \"\",\n         shakaUrl: \"\",\n         core: {\n         \t\n          \/\/ \uae30\ubcf8\uc740 \ub77c\uc774\ube0c\ub7ec\ub9ac \ub0b4\uc7a5 \uacf5\uac1c \ud2b8\ub798\ucee4\/STUN \uc0ac\uc6a9. \ud504\ub85c\ub355\uc158\uc5d0\uc11c\ub294 \uc790\uccb4 \uc6b4\uc601 \uad8c\uc7a5.\n          announceTrackers: [\n            \"wss:\/\/ws-tracker.aruku.ovh\",\n            \"wss:\/\/tracker.novage.com.ua\"\n          ],\n          rtcConfig: {\n            iceServers: [\n              { urls: \"stun:global.stun.twilio.com:3478\" },\n              { urls: \"stun:stun.l.google.com:19302\" },\n              { urls: \"turn:turn.aruku.ovh:13478\", username: \"wizard872\", credential: \"wizard872\" },\n              { urls: \"turn:turn.wizard87.com:13478\", username: \"ngnl\", credential: \"ngnl\" }\n            ]\n          },\n          \/\/ swarmId: \"myapp-channel-100\"  \/\/ \ubbf8\uc9c0\uc815 \uc2dc manifest URL \uae30\ubc18 \uc790\ub3d9 swarm\n         }\n      }\n\n    });\n\n  <\/script>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[56],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.wizard87.com\/index.php?rest_route=\/wp\/v2\/posts\/1691"}],"collection":[{"href":"https:\/\/blog.wizard87.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.wizard87.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.wizard87.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.wizard87.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1691"}],"version-history":[{"count":6,"href":"https:\/\/blog.wizard87.com\/index.php?rest_route=\/wp\/v2\/posts\/1691\/revisions"}],"predecessor-version":[{"id":1749,"href":"https:\/\/blog.wizard87.com\/index.php?rest_route=\/wp\/v2\/posts\/1691\/revisions\/1749"}],"wp:attachment":[{"href":"https:\/\/blog.wizard87.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1691"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.wizard87.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1691"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.wizard87.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}