{"id":671,"date":"2025-10-14T16:10:20","date_gmt":"2025-10-14T07:10:20","guid":{"rendered":"https:\/\/aquaguide.cdnetworks.com\/?page_id=671"},"modified":"2026-01-21T11:41:51","modified_gmt":"2026-01-21T02:41:51","slug":"case-by-case","status":"publish","type":"page","link":"https:\/\/aquaguide.cdnetworks.com\/?page_id=671","title":{"rendered":"Case by Case"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

<\/p>\n

\uc790\ub9c9 \ucd94\uac00 \uc608\uc2dc<\/h2>\n

<\/p>\n

<\/p>\n

mediaItem\uc5d0 subtitles \uc18d\uc131\uc744 \ucd94\uac00\ud558\uc5ec \uc790\ub9c9\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n

<\/p>\n

<\/p>\n

<html>\n<head>\n  <meta charset=\"UTF-8\">\n  <script src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script> \/\/\ud50c\ub808\uc774\uc5b4 \ud638\ucd9c \uc2a4\ud06c\ub9bd\ud2b8\n  <script type=\"text\/javascript\">\n    const mediaItem = { \/\/\uc778\uc99d \uc815\ubcf4 \uc785\ub825\n      url: \"https:\/\/sample.com\/video\/test.mp4\", \n      subtitles: [{\n        url: \"https:\/\/sample.com\/video\/subtitles.vtt\", \/\/\uc790\ub9c9 url\n        language: \"en\", \/\/\uc790\ub9c9 \uc5b8\uc5b4 \uc720\ud615(option)\n        label: \"English\", \/\/\uc790\ub9c9 label(option)\n        mode: \"autoSelect\", \/\/\uc790\ub9c9 \uc120\ud0dd \ubaa8\ub4dc(\uae30\ubcf8\uac12: autoSelect)\n      }],\n      metadata: {\n        downloadPath: \"\/\uac15\uc758\/\uc601\uc0c1\",\n      },\n      drm: {\n        appId: \"app id\",\n        userId: \"test\",\n        offlineAccessPeriod: \/\/ Download\ud55c \ud30c\uc77c offline \uc7ac\uc0dd \ud5c8\uc6a9 \uae30\uac04(\ucd08), undefined: \uc81c\ud55c \uc5c6\uc74c, 0: offline \uc7ac\uc0dd \ubd88\uac00\n      }\n    };\n    function play() {\n      playnplay.launch(LaunchType.Streaming, mediaItem);\n    }\n    function download() {\n      playnplay.download(mediaItem);\n    }\n  <\/script>\n<\/head>\n<body>\n  <button onclick=\"play()\">Play<\/button>\n  <button onclick=\"download()\">Download<\/button>\n<\/body>\n<\/html><\/code><\/pre>\n
<\/p>\n
<\/p>\n
Return URL \uc608\uc2dc<\/h2>\n
<\/p>\n
<\/p>\n
\uc7ac\uc0dd \uc885\ub8cc \ud6c4 \uae30\uae30\uc758 \uae30\ubcf8 \ube0c\ub77c\uc6b0\uc800\ub85c URL \ud638\ucd9c\ud558\ub294 \uc608\uc2dc\uc785\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
<html>\n<head>\n  <meta charset=\"UTF-8\">\n  <script src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script> \/\/\ud50c\ub808\uc774\uc5b4 \ud638\ucd9c \uc2a4\ud06c\ub9bd\ud2b8\n  <script type=\"text\/javascript\">\n    const mediaItem = { \/\/\uc778\uc99d \uc815\ubcf4 \uc785\ub825\n      url: \"https:\/\/sample.com\/video\/test.mp4\", \n      returnUrl: \"https:\/\/return\ud560 URL\", \/\/\uc7ac\uc0dd \uc885\ub8cc \ud6c4 \uae30\uae30\uc758 \uae30\ubcf8 \ube0c\ub77c\uc6b0\uc800\ub85c URL \ud638\ucd9c\n      drm: {\n        appId: \"app id\",\n        userId: \"test\",\n      }\n    };\n    function play() {\n      playnplay.launch(LaunchType.Streaming, mediaItem);\n    }\n  <\/script>\n<\/head>\n<body>\n  <button onclick=\"play()\">Play<\/button>\n<\/body>\n<\/html><\/code><\/pre>\n
<\/p>\n
<\/p>\n
\ubc30\uc18d, \ud0d0\uc0c9 \uc0ac\uc6a9 \uae08\uc9c0 \uc608\uc2dc<\/h2>\n
<\/p>\n
<\/p>\n
\ud0d0\uc0c9(seek) \uae30\ub2a5, \ubc30\uc18d \uae30\ub2a5 \uc0ac\uc6a9 \ubd88\uac00 \uc608\uc2dc\uc785\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
<html>\n<head>\n  <meta charset=\"UTF-8\">\n  <script src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script> \/\/\ud50c\ub808\uc774\uc5b4 \ud638\ucd9c \uc2a4\ud06c\ub9bd\ud2b8\n  <script type=\"text\/javascript\">\n    const mediaItem = { \/\/\uc778\uc99d \uc815\ubcf4 \uc785\ub825\n      url: \"https:\/\/sample.com\/video\/test.mp4\", \n      seekable: false, \/\/\ud0d0\uc0c9(seek) \uae30\ub2a5 \uc0ac\uc6a9 \ubd88\uac00\n      disablePlaybackRate: true, \/\/\ubc30\uc18d \uae30\ub2a5 \uc0ac\uc6a9 \ubd88\uac00\n      drm: {\n        appId: \"app id\",\n        userId: \"test\",\n      }\n    };\n    function play() {\n      playnplay.launch(LaunchType.Streaming, mediaItem);\n    }\n  <\/script>\n<\/head>\n<body>\n  <button onclick=\"play()\">Play<\/button>\n<\/body>\n<\/html><\/code><\/pre>\n
<\/p>\n
<\/p>\n
\uc784\uc758 \ub370\uc774\ud130 \ucd94\uac00 \uc608\uc2dc<\/h2>\n
<\/p>\n
<\/p>\n
userData \uac1d\uccb4\ub97c \uc774\uc6a9\ud574 callback\uc5d0 \uc784\uc758 \ub370\uc774\ud130\ub97c \ucd94\uac00\ud558\ub294 \uc608\uc2dc\uc785\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
<html>\n<head>\n  <meta charset=\"UTF-8\">\n  <script src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script> \/\/\ud50c\ub808\uc774\uc5b4 \ud638\ucd9c \uc2a4\ud06c\ub9bd\ud2b8\n  <script type=\"text\/javascript\">\n    const mediaItem = { \/\/\uc778\uc99d \uc815\ubcf4 \uc785\ub825\n      url: \"https:\/\/sample.com\/video\/test.mp4\", \n      metadata: {\n        downloadPath: \"\/\uac15\uc758\/\uc601\uc0c1\",\n      },\n      drm: {\n        appId: \"app id\",\n        userId: \"test\",\n        offlineAccessPeriod: \/\/ Download\ud55c \ud30c\uc77c offline \uc7ac\uc0dd \ud5c8\uc6a9 \uae30\uac04(\ucd08), undefined: \uc81c\ud55c \uc5c6\uc74c, 0: offline \uc7ac\uc0dd \ubd88\uac00\n        userData: {\n          playUrl: \"https:\/\/sample.com\/video\/test.mp4\",\n          userId: \"test\"\n        }\n      }\n    };\n    function play() {\n      playnplay.launch(LaunchType.Streaming, mediaItem);\n    }\n    function download() {\n      playnplay.download(mediaItem);\n    }\n  <\/script>\n<\/head>\n<body>\n  <button onclick=\"play()\">Play<\/button>\n  <button onclick=\"download()\">Download<\/button>\n<\/body>\n<\/html><\/code><\/pre>\n
<\/p>\n
<\/p>\n
\uc7ac\uc0dd \uc2dc\uac04 \uc870\uc815<\/h2>\n
<\/p>\n
<\/p>\n
\ud50c\ub808\uc774\uc5b4 \uc2e4\ud589 \uc2dc \ud544\uc694\ud55c JSON(mediaItem) \ub0b4 \u201cstartTime\u201d \ud0a4\ub97c \uc774\uc6a9\ud574 \uc601\uc0c1 \uc2dc\uc791 \uc2dc\uac04\uc744 \uc784\uc758\ub85c \uc9c0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
<html>\n<head>\n  <meta charset=\"UTF-8\">\n  <script src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script> \/\/\ud50c\ub808\uc774\uc5b4 \ud638\ucd9c \uc2a4\ud06c\ub9bd\ud2b8\n  <script type=\"text\/javascript\">\n    const mediaItem = { \/\/\uc778\uc99d \uc815\ubcf4 \uc785\ub825\n      url: \"https:\/\/sample.com\/video\/test.mp4\", \n      startTime: 50, \/\/ 50\ucd08\ubd80\ud130 \uc7ac\uc0dd\n      drm: {\n        appId: \"app id\",\n        userId: \"test\",\n      }\n    };\n    function play() {\n      playnplay.launch(LaunchType.Streaming, mediaItem);\n    }\n  <\/script>\n<\/head>\n<body>\n  <button onclick=\"play()\">Play<\/button>\n<\/body>\n<\/html><\/code><\/pre>\n
<\/p>\n
<\/p>\n
\uc6f9 \ube0c\ub77c\uc6b0\uc800 \ubd80\ubaa8\ucc3d\uc73c\ub85c \uc0c8 \ub9c1\ud06c \uc774\ub3d9<\/h2>\n
<\/p>\n
<\/p>\n
\ubc14\ub85c\uac00\uae30 \ub9c1\ud06c \ubc84\ud2bc \ub4f1 \ud50c\ub808\uc774 \uc911 \ube0c\ub77c\uc6b0\uc800 \ucc3d\uc744 \ub744\uc6cc\uc57c \ud558\ub294 \uacbd\uc6b0, \uc544\ub798 \ubc29\ubc95\uc73c\ub85c \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ub9c1\ud06c\ub97c \ub744\uc6b0\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\uc774 \uae30\ub2a5\uc740 OpeningPage \ud0c0\uc785(playnplay.launch = (OpeningPage, ..)) \uc5d0\uc11c\ub9cc \uc9c0\uc6d0\ud558\uba70, \ud50c\ub808\uc774\uc5b4 \uc18c\uc2a4 \ub0b4 https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js \ub97c import\ud574 \uc8fc\uc154\uc57c \ud569\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
<!DOCTYPE html>\n<html>\n<head>\n    <meta charset=\"utf-8\">\n    <title>Media Player<\/title>\n    <link type=\"text\/css\" href=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/nplayer\/nplayer.css\" rel=\"stylesheet\" \/>\n    <style>\n        \ubc84\ud2bc\uc774 \ub4e4\uc5b4\uac08 \uc218 \uc788\ub3c4\ub85d CSS\ub97c \uc870\uc815\ud574 \uc8fc\uc154\uc57c \ud569\ub2c8\ub2e4.\n    <\/style>\n    <script type=\"text\/javascript\" src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/nplayer\/nplayer.js\"><\/script>\n    <script type=\"text\/javascript\" src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script>\n    <script type=\"text\/javascript\">\n        document.addEventListener('DOMContentLoaded', () => {\n            document.oncontextmenu = () => false;\n            const player = new NPlayer('player-container');\n            const mediaItem = {\n                url: \"https:\/\/sample.com\/video\/test.mp4\",\n                drm: {\n                    appId: \"app id\",\n                    userId: \"test\"\n                }\n            };\n            player.open(mediaItem);\n        });\n    <\/script>\n<\/head>\n<body>\n    <div id=\"player-container\"><\/div>\n    <button onclick=\"window.open('https:\/\/www.cdnetworks.co.kr')\">\ubc14\ub85c\uac00\uae30<\/button>\n<\/body>\n<\/html><\/code><\/pre>\n
<\/p>\n
<\/p>\n
\uc7ac\uc0dd \uad6c\uac04 \uc81c\uc5b4<\/h2>\n
<\/p>\n
<\/p>\n
\uc601\uc0c1\uc758 \ud2b9\uc815 \uad6c\uac04\ub9cc \uc7ac\uc0dd\ud560 \uc218 \uc788\ub3c4\ub85d \ud558\uac70\ub098, \uc601\uc0c1\uc758 \uc2dc\uc791\uc2dc\uac04\uc744 \ubcc0\uacbd\ud558\uace0 \uc2f6\uc73c\uc2e0 \uacbd\uc6b0 Clipping \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\uacf5\uc2dd \uac00\uc774\ub4dc \ub9c1\ud06c\ub97c \ucc38\uc870 \ubd80\ud0c1\ub4dc\ub9ac\uba70 \uc8fc\uc758\uc0ac\ud56d\uc744 \uc9c0\ucf1c\uc8fc\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.
Clipping \uacf5\uc2dd \uac00\uc774\ub4dc \ub9c1\ud06c<\/a><\/p>\n
<\/p>\n
<\/p>\n
<html>\n<head>\n  <meta charset=\"UTF-8\">\n  <script src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script> \/\/\ud50c\ub808\uc774\uc5b4 \ud638\ucd9c \uc2a4\ud06c\ub9bd\ud2b8\n  <script type=\"text\/javascript\">\n    const mediaItem = { \/\/\uc778\uc99d \uc815\ubcf4 \uc785\ub825\n      url: \"https:\/\/sample.com\/video\/test.mp4\", \n      Clipping: {\n        \"startTime\": 50, \/\/ 50\ucd08\ubd80\ud130 \uc7ac\uc0dd\n        \"endTime\": 100, \/\/100\ucd08 \uae4c\uc9c0 \uc7ac\uc0dd\uac00\ub2a5, \uc5c6\uc73c\uba74 \uc601\uc0c1 \ub05d\uae4c\uc9c0 \uc7ac\uc0dd.\n      },\n      drm: {\n        appId: \"app id\",\n        userId: \"test\",\n      }\n    };\n    function play() {\n      playnplay.launch(LaunchType.Streaming, mediaItem);\n    }\n  <\/script>\n<\/head>\n<body>\n  <button onclick=\"play()\">Play<\/button>\n<\/body>\n<\/html><\/code><\/pre>\n
<\/p>\n
<\/p>\n
\ub514\ubc14\uc774\uc2a4 \uc815\ubcf4 \ucd94\uac00 \ud655\uc778<\/h2>\n
<\/p>\n
<\/p>\n
getDeviceInfo \ud568\uc218\ub97c \uc774\uc6a9\ud574 \ub514\ubc14\uc774\uc2a4 \ubaa8\ub378\uba85 \ub610\ub294 OS \uc815\ubcf4\ub97c \uad00\ub9ac\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\ud568\uc218 \ud638\ucd9c \uc2dc \ucd9c\ub825 \ub418\ub294 \ub370\uc774\ud130\ub294 \uc544\ub798 \uacf5\uc2dd \uac00\uc774\ub4dc\ub97c \ud655\uc778 \ubd80\ud0c1\ub4dc\ub9bd\ub2c8\ub2e4.
\ub514\ubc14\uc774\uc2a4 \uc815\ubcf4 \uacf5\uc2dd \uac00\uc774\ub4dc<\/a><\/p>\n
<\/p>\n
<\/p>\n
\uc544\ub798 \uc0d8\ud50c \ucf54\ub4dc\ub97c \ucc38\uc870 \ubd80\ud0c1\ub4dc\ub9ac\uba70, \uc774\ub97c \ud65c\uc6a9\ud574 \uace0\uac1d\uc0ac\uc5d0\uc11c \uacc4\uc815 \ub514\ubc14\uc774\uc2a4 \uad00\ub9ac, \uc790\ub3d9\ud654 API\ub97c \uad6c\ucd95 \ub4f1 \uc5ec\ub7ec \ubc29\uba74\uc73c\ub85c \uc774\uc6a9\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
<html>\n<head>\n    <script src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script> \n    <script>\n        async function makeDeviceInfo() { \/\/getDeviceInfo \ud568\uc218 \ud638\ucd9c\uc6a9\n            const deviceInfo = await getDeviceInfo();\n            const deviceInfoString = JSON.stringify(deviceInfo);\n            console.log(deviceInfoString);\n            return deviceInfoString;\n        }\n\n        const deviceVersion = makeDeviceInfo();\n             \n        async function initialize() {\n            const deviceVersion = await makeDeviceInfo();\n            const test = { \n                url: 'https:\/\/sample.com\/video\/test.mp4',\n                drm: {\n                    appId: 'app id',\n                    userId: 'user id',\n                    userData: {\n                        information: JSON.parse(deviceVersion),\n                    }\n                }\n            };\n            console.log(test);\n            playnplay.launch(LaunchType.Streaming, mediaItem);\n        }\n\n        window.onload = initialize;\n    <\/script>\n<\/head>\n<body>\n<\/body>\n<\/html><\/code><\/pre>\n
<\/p>\n
<\/p>\n
\uc784\uc758 \ubd81\ub9c8\ud06c \ucd94\uac00<\/h2>\n
<\/p>\n
<\/p>\n
PlayNPlay\ub294 User ID\ub97c \uae30\ubc18\uc73c\ub85c \ubd81\ub9c8\ud06c\ub97c \uc11c\ubc84\uc5d0 \uc800\uc7a5\ud569\ub2c8\ub2e4. \ub9cc\uc77c \uc9c1\uc811 \uad00\ub9ac\ud558\uace0 \uc2f6\uc73c\uc2e0 \uacbd\uc6b0 \uc544\ub798 \uc0d8\ud50c\uc744 \ucc38\uc870 \ubd80\ud0c1\ub4dc\ub9bd\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\uc774 \ud544\ub4dc\ub97c \uc124\uc815\ud558\uba74 PlaynPlay\uc758 \ubd81\ub9c8\ud06c \uc5f0\ub3d9 \uae30\ub2a5\uc774 \ube44\ud65c\uc131\ud654\ub418\uba70 \ubd81\ub9c8\ud06c \ub370\uc774\ud130\ub97c \uc800\uc7a5\ud558\ub824\uba74 Callback URL\uc744 \uad6c\ud604\ud574\uc57c \ud569\ub2c8\ub2e4.<\/strong><\/p>\n
<\/p>\n
<\/p>\n
\uc774 \uae30\ub2a5\uc740 \ud50c\ub808\uc774\uc5b4 \uc7ac\uc0dd\uc5d0 \ud544\uc694\ud55c \uac1d\uccb4\ub97c \ub9cc\ub4e4 \ub54c \uc785\ub825\ud560 \uc218 \uc788\uc73c\uba70, \ub370\uc774\ud130 \ud0c0\uc785\uc740 \uacf5\uc2dd \uac00\uc774\ub4dc \ub9c1\ud06c\ub97c \ucc38\uc870 \ubd80\ud0c1\ub4dc\ub9bd\ub2c8\ub2e4.
Bookmark \uacf5\uc2dd \uac00\uc774\ub4dc \ub9c1\ud06c<\/a><\/p>\n
<\/p>\n
<\/p>\n
<html>\n<head>\n  <meta charset=\"UTF-8\">\n  <script src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script> \/\/\ud50c\ub808\uc774\uc5b4 \ud638\ucd9c \uc2a4\ud06c\ub9bd\ud2b8\n  <script type=\"text\/javascript\">\n    const mediaItem = { \/\/\uc778\uc99d \uc815\ubcf4 \uc785\ub825\n      url: \"https:\/\/sample.com\/video\/test.mp4\", \n      bookmarks: [\n              {\n                \"pos\": 360, \/\/ \ucd08\n                \"title\": \"\uac15\uc758 \uc2dc\uc791 \ubd80\ubd84\" \/\/ \uc774 \ud544\ub4dc \uac12\uc774 \uc5c6\ub294 \uacbd\uc6b0 'Untitled' \uc744 \uae30\ubcf8\uac12\uc73c\ub85c \uac00\uc9d1\ub2c8\ub2e4.\n              },\n              {\n                \"pos\": 720, \/\/ \ucd08\n                \"title\": \"\uac15\uc758 \uc911\uac04 \ubd80\ubd84\"\n              },\n            ],\n      drm: {\n        appId: \"app id\",\n        userId: \"test\",\n      }\n    };\n    function play() {\n      playnplay.launch(LaunchType.Streaming, mediaItem);\n    }\n  <\/script>\n<\/head>\n<body>\n  <button onclick=\"play()\">Play<\/button>\n<\/body>\n<\/html><\/code><\/pre>\n
<\/p>\n
<\/p>\n
\uc5ec\ub7ec \ud30c\uc77c \ub2e4\uc6b4\ub85c\ub4dc<\/h2>\n
<\/p>\n
<\/p>\n
\uc5ec\ub7ec \ud30c\uc77c\uc744 \ud55c\ubc88\uc5d0 \ub2e4\uc6b4\ub85c\ub4dc \ud560 \uc218 \uc788\uc73c\uba70, \ub97c \ud1b5\ud574 \ub2e4\uc6b4\ub85c\ub4dc\ub418\ub294 \uacbd\ub85c\ub97c \uc870\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\uc774 \uae30\ub2a5\uc740 playnplay.download = async (mediaItems)<\/code>\ud615\uc2dd\uc73c\ub85c \uc0ac\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uacf5\uc2dd \uac00\uc774\ub4dc \ub9c1\ud06c\ub97c \ucc38\uc870 \ubd80\ud0c1\ub4dc\ub9bd\ub2c8\ub2e4.
\ub2e4\uc6b4\ub85c\ub4dc \ud568\uc218 \uc0ac\uc6a9\ubc95<\/a><\/p>\n
<\/p>\n
<\/p>\n
<!DOCTYPE html>\n<html>\n  <head>\n    <script src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script>\n  <\/head>\n\n  <body>\n\n    <script>\n        var e = {\n            url: \"https:\/\/sample.com\/video\/test.mp4\",\n            metadata: {\n              title: \"\ud14c\uc2a4\ud2b8\uc601\uc0c1\",\n              downloadPath: \"\/OO\uac15\uc758\/OO\uad50\uc218\ud2b9\uac15\/1\ud68c\ucc28\",\n            },\n            drm: {\n                appId: \"app id\",\n                userId: \"test-user\",\n            }\n        };\n\n        var e2 = {\n            url: \"https:\/\/sample.com\/video\/test.mp4\",\n            metadata: {\n              title: \"\ud14c\uc2a4\ud2b8\uc601\uc0c12\",\n              downloadPath: \"\/OO\uac15\uc758\/OO\uad50\uc218\ud2b9\uac15\/2\ud68c\ucc28\",\n            },\n            drm: {\n                appId: \"app id\",\n                userId: \"test-user\",\n            }\n        };\n\n        function download() {\n            playnplay.download([e, e2]);\n        };\n\n\n    <\/script>\n    <h3>Download Test<\/h3>\n    <input type=\"button\" onclick=\"download();\" value=\"Download Start\" \/>\n    <\/body>\n<\/html><\/code><\/pre>\n
<\/p>\n
<\/p>\n
\ubd81\ub9c8\ud06c \uc81c\uc5b4<\/h2>\n
<\/p>\n
<\/p>\n
\ubd81\ub9c8\ud06c\ub97c \uc9c1\uc811 \uad00\ub9ac\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\ubd81\ub9c8\ud06c\ub97c \uc9c1\uc811 \uad00\ub9ac\ud558\uc2dc\ub294 \uacbd\uc6b0 PlaynNPlay \uae30\ubcf8 \ubd81\ub9c8\ud06c\uac00 \ube44\ud65c\uc131\ud654\ub418\uba70 \uc9c1\uc811 \uac12\uc744 \uad00\ub9ac\ud574 \uc8fc\uc154\uc57c \ud569\ub2c8\ub2e4.<\/strong><\/p>\n
<\/p>\n
<\/p>\n
\ubd81\ub9c8\ud06c \uad00\ub9ac On\/Off<\/a><\/p>\n
<\/p>\n
<\/p>\n
\ubd81\ub9c8\ud06c \uac12 \uc81c\uc5b4 \ubc29\ubc95 (\ucf5c\ubc31\uc11c\ubc84 \uc774\uc6a9)<\/a><\/p>\n
<\/p>\n
<\/p>\n
\n<!DOCTYPE html>\n<html>\n  <head>\n    <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf8\" \/>\n    <meta http-equiv=\"x-ua-compatible\" content=\"IE=edge\" \/>\n    <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\n    <script src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script>\n  <\/head>\n\n  <body>\n\n    <script>\n        var e = {\n            url: \"https:\/\/sample.com\/video\/test.mp4\",\n            metadata: {\n                title: \"\ud14c\uc2a4\ud2b8\uc601\uc0c1\",\n            },\n            useBookmarkCallback: true,\n            drm: {\n                appId: \"app id\",\n                userId: \"test-user\",\n            }\n        };\n\n        function streaming() {\n            playnplay.launch(LaunchType.Streaming, e);\n        };\n\n    <\/script>\n    <h3>Streaming<\/h3>\n    <input type=\"button\" onclick=\"streaming();\" value=\"Streaming Start\" \/>\n    <\/body>\n<\/html>\n<\/code><\/pre>\n
<\/p>\n
<\/p>\n
\uc790\ub3d9 \uc5c5\ub370\uc774\ud2b8 \ube44\ud65c\uc131\ud654<\/h2>\n
<\/p>\n
<\/p>\n
\uc790\ub3d9 \uc5c5\ub370\uc774\ud2b8\ub97c \ube44\ud65c\uc131\ud654\ud558\uace0 \ubc84\uc804 \uccb4\ud06c \uc2dc \ud2b9\uc815 \ubc84\uc804 \uc774\uc0c1\uc73c\ub85c \uc5c5\ub370\uc774\ud2b8\ub418\uc9c0 \uc54a\ub3c4\ub85d \ud558\uace0 \uc2f6\uc73c\uc2e0 \uacbd\uc6b0\ub97c \uc704\ud574 \ubc84\uc804 \uccb4\ud06c \ub85c\uc9c1\uc744 \ucd94\uac00\ud558\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\ud50c\ub808\uc774\uc5b4\ub97c \uc2e4\ud589\ud558\uc2e4 \ud398\uc774\uc9c0\uc5d0 \ubcc0\uc218 import \ub610\ub294 \ubcc0\uc218\ub97c \uc120\uc5b8\ud558\uc5ec \uae30\ub2a5\ud558\uba70, \ubb34\uc870\uac74 \uc6f9\ud398\uc774\uc9c0 \ucf54\ub4dc\uc758 \ucd5c\uc0c1\ub2e8\uc5d0 \uc788\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\n
<\/p>\n
<\/p>\n
\uacf5\uc2dd \uac00\uc774\ub4dc \ub9c1\ud06c\ub97c \ucc38\uc870 \ubd80\ud0c1\ub4dc\ub9bd\ub2c8\ub2e4.
\uc5c5\ub370\uc774\ud2b8 \ub300\uc0c1 \ubc84\uc804 \uc124\uc815<\/a><\/p>\n
<\/p>\n
<\/p>\n
<html>\n<head>\n  <meta charset=\"UTF-8\">\n  <script type=\"text\/javascript\" src=\"https:\/\/\uc124\uc815 \uac12\uc744 \uc800\uc7a5\ud55c \ud30c\uc77c \uacbd\ub85c\/playnplay_config.js\"> \/\/ \ucd5c\uc0c1\ub2e8\uc5d0 \ucd94\uac00 \ud544\uc694\n  \/\/ playnplay_config.js \uc758 \uac12:\n  \/\/ var PLAYNPLAY_CONFIG = {\n  \/\/     \"minVersion\": \"latest\" | \"1.x.x\" \/\/ \ud56d\uc0c1 \ucd5c\uc2e0 \ubc84\uc804 or \ud2b9\uc815 \ubc84\uc804\n  \/\/ };\n  <script src=\"https:\/\/pnp-appdn.cdnetworks.com\/modules\/agent.js\"><\/script> \/\/\ud50c\ub808\uc774\uc5b4 \ud638\ucd9c \uc2a4\ud06c\ub9bd\ud2b8\n  <script type=\"text\/javascript\">\n    const mediaItem = { \/\/\uc778\uc99d \uc815\ubcf4 \uc785\ub825\n      url: \"https:\/\/sample.com\/video\/test.mp4\", \n      metadata: {\n        downloadPath: \"\/\uac15\uc758\/\uc601\uc0c1\",\n      },\n      drm: {\n        appId: \"app id\",\n        userId: \"test\",\n        offlineAccessPeriod: 86400\n      }\n    };\n    function play() {\n      playnplay.launch(LaunchType.Streaming, mediaItem);\n    }\n    function download() {\n      playnplay.download(mediaItem);\n    }\n  <\/script>\n<\/head>\n<body>\n  <button onclick=\"play()\">Play<\/button>\n  <button onclick=\"download()\">Download<\/button>\n<\/body>\n<\/html><\/code><\/pre>\n
<\/p>\n
<\/p>\n
<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\ub4a4\ub85c \uac00\uae30<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"
\uc790\ub9c9 \ucd94\uac00 \uc608\uc2dc mediaItem\uc5d0 subtitles \uc18d\uc131\uc744 \ucd94\uac00\ud558\uc5ec \uc790\ub9c9\uc744 \ucd94\uac00\ud569\ub2c8\ub2e4. Return URL \uc608\uc2dc \uc7ac\uc0dd \uc885\ub8cc \ud6c4 \uae30\uae30\uc758 \uae30\ubcf8 \ube0c\ub77c\uc6b0\uc800\ub85c URL \ud638\ucd9c\ud558\ub294 […]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-671","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aquaguide.cdnetworks.com\/index.php?rest_route=\/wp\/v2\/pages\/671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aquaguide.cdnetworks.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aquaguide.cdnetworks.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aquaguide.cdnetworks.com\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/aquaguide.cdnetworks.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=671"}],"version-history":[{"count":7,"href":"https:\/\/aquaguide.cdnetworks.com\/index.php?rest_route=\/wp\/v2\/pages\/671\/revisions"}],"predecessor-version":[{"id":819,"href":"https:\/\/aquaguide.cdnetworks.com\/index.php?rest_route=\/wp\/v2\/pages\/671\/revisions\/819"}],"wp:attachment":[{"href":"https:\/\/aquaguide.cdnetworks.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}