Download as PDF, PPTX
Uploaded by우영 주
스트리밍과 디지털 권리 관리
The document discusses digital rights management (DRM) techniques for streaming media, including HTTP Live Streaming (HLS) and encryption. It provides examples of using MP42HLS to generate encrypted HLS streams using AES-128 and SAMPLE-AES encryption with keys delivered via FairPlay Streaming. The document also discusses using Encrypted Media Extensions (EME) and content decryption modules (CDMs) to integrate DRM into JavaScript applications for decrypting encrypted media streams in the browser.
![[Toolcon2014] WebStorm에서 자바스크립트 리팩토링하기](https://cdn.slidesharecdn.com/ss_thumbnails/toolcon2014-140602234750-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[토크아이티] 프런트엔드 개발 시작하기 저자 특강](https://cdn.slidesharecdn.com/ss_thumbnails/random-141024103422-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
스트리밍과 디지털 권리 관리
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8. https://tools.ietf.org/html/rfc8216 https://tools.ietf.org/html/rfc8216#section-6.2.3 https://tools.ietf.org/html/rfc8216#section-6.3.6 HTTP Live Streaming 6.2.3.Encrypting Media Segments 6.3.6. Decrypting Encrypted Media Segments
- 9.
- 10.
- 12.
- 13. Streaming Protocol HLS Media Encryption (AES-128,SAMPLE-AES) DRM
- 14.
- 15.
- 16. $ openssl rand16 > key.bin 16 $ xxd -ps key.bin 6f9a136bd1f95872e78ae49870a08140 https://www.tutorialspoint.com/unix_commands/xxd.htm AES-128
- 17. MP42HLS $ mp42hls --encryption-key544cb873 … c0 `# 16 ` --encryption-key-uri key.bin `# URI` --encryption-mode AES-128 `# ` --encryption-iv-mode sequence `# ` --encryption-key-format identity `# ` ./bunny.mp4 https://www.bento4.com/documentation/mp42hls/ stream.m3u8
- 21. $ openssl rand32 > key.bin 16 $ xxd -ps key.bin 31cfac676e77e3aed1c23799c7d21cf80d5524960b34e … fcf37 e816 SAMPLE-AES
- 22. MP42HLS $ mp42hls --encryption-key31cfac676 … 16 `# 16 ` --encryption-key-uri key.bin `# URI` --encryption-mode SAMPLE-AES `# ` --encryption-iv-mode sequence `# ` --encryption-key-format identity `# ` ./bunny.mp4 stream.m3u8
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34. What is FairPlayStreaming? A delivery mechanism for secure keys that are protected on both the network and client Will only work with protected HDMI for external outputs Delivery of keys is server agnostic and can work with existing key infrastructure, streamlining implementation FairPlay Streaming does not provide DRM rights, enforce policies, authenticate users, or authorize devices https://www.encoding.com/apple-fairplay/
- 35. MP42HLS $ mp42hls --encryption-key31cfac676 … 16 --encryption-key-uri skd://cid --encryption-mode SAMPLE-AES --encryption-iv-mode fps --encryption-key-format com.apple.streamingkeydelivery ./bunny.mp4 stream.m3u8
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43. https://h2k.co/8M FPS KSM ContentKey Context
- 44.
- 45.
- 46. AVFoundation KSM AVFoundation Delegate SPC(Server PlaybackContext) CKC(Content Key Context) ?
- 47.
- 48.
- 49.
- 50.
- 51. JavaScript VideoPlayer CDM Media Stack EME Internet Server Generate request forget security key Decrypting media
- 52. JavaScript VideoPlayer Media Stack CDM CDMCDM CDM JavaScript API Call EME
- 53. JavaScript VideoPlayer Media Stack JavaScript APICall EME Widevine FairPlay PlayReady (and Widevine) PrimeTime https://bitmovin.com/docs/player/articles/browser-drm-support
- 54. How to DetectingCDM KeySystem Widevine : com.widevine.alpha PlayReady : com.microsoft.playready com.youtube.playready PrimeTime : com.adobe.primetime com.adobe.access FairPlay: com.apple.fairplay https://stackoverflow.com/questions/35086625/determine-drm-system-supported-by-browser/35130190
- 55. try { navigator .requestMediaKeySystemAccess('com.widevine.alpha', config) .then(()=> console.log('widevine support ok')) .catch(() => console.log('no widevine support')); } catch (err) { console.log('no widevine support'); } (new window.WebKitMediaKeys('com.apple.fps.1_0')).keySystem; https://www.radiantmediaplayer.com/blog/detecting-eme-cdm-browser.html
- 56.
- 57.
- 58.
- 59.
- 60.
- 61. Key Server CKCkeySession https://h2k.co/8M
- 62. HLS DASH ETC MediaSource Extensions Streaming protocol Widevine FairPlay ETC Key delivery mechanism Encrypted Media Extensions + High Secure DRM
- 63.
- 64.
- 65. CDM JavaScript Application VideoElement MediaSource MSE create attach Internet EME MediaStack request playlist andmedia segment response addEventListener() `encrypted` or `webkitneedkey`
- 66. CDM JavaScript Application VideoElement MediaSource MSE create attach Internet EME MediaStack request playlist andmedia segment response appendBuffer() addEventListener() `encrypted` or `webkitneedkey`
- 67. CDM JavaScript Application VideoElement MediaSource MSE create attach Internet EME MediaStack request playlist andmedia segment response appendBuffer() encrypted addEventListener() `encrypted` or `webkitneedkey`
- 68. CDM JavaScript Application VideoElement MediaSource MSE create attach Internet EME MediaStack request playlist andmedia segment response appendBuffer() encrypted createSession() addEventListener() `encrypted` or `webkitneedkey`
- 69. CDM JavaScript Application VideoElement MediaSource MSE create attach Internet EME MediaStack request playlist andmedia segment response appendBuffer() encrypted createSession() KeySession addEventListener() `encrypted` or `webkitneedkey`
- 70. CDM JavaScript Application VideoElement addEventListener() `encrypted` or `webkitneedkey` MediaSource MSE create attach Internet EME MediaStack request playlistand media segment response appendBuffer() encrypted createSession() KeySession addEventListener() `message` generateRequest()
- 71. CDM JavaScript Application VideoElement addEventListener() `encrypted` or `webkitneedkey` MediaSource MSE create attach Internet EME MediaStack request playlistand media segment response appendBuffer() encrypted createSession() KeySession addEventListener() `message` generateRequest() message with SPC
- 72. CDM JavaScript Application VideoElement addEventListener() `encrypted` or `webkitneedkey` MediaSource MSE create attach Internet EME MediaStack request playlistand media segment response appendBuffer() encrypted createSession() KeySession addEventListener() `message` generateRequest() message with SPC request license(or CKC) response
- 73. JavaScript Application VideoElement addEventListener() `encrypted` or `webkitneedkey` MediaSource MSE create attach Internet CDM EME MediaStack request playlistand media segment response appendBuffer() encrypted createSession() KeySession addEventListener() `message` generateRequest() message with SPC request license(or CKC) response update(license - or CKC -) (decrypting…)
- 74. • HTTP LiveStreaming : https://tools.ietf.org/html/rfc8216 • Video on demand (VOD) HLS PC : https://qiita.com/khagi/items/ 6e8c8d10c77bee53487b • Bento4 : https://www.bento4.com/ • HTTP Live Streaming : https://www.bento4.com/developers/hls/ • MP42HLS(Bento4) : https://www.bento4.com/documentation/mp42hls/ • FairPlay Streaming : https://developer.apple.com/streaming/fps/ • The Complete Guide to Apple Fairplay : https://www.encoding.com/ apple-fairplay/ • Debugging FairPlay Streaming : https://developer.apple.com/library/ content/technotes/tn2454/_index.html • How to integrate a basic HLS stream with FairPlay : https:// www.icapps.com/blog/how-integrate-basic-hls-stream-fairplay • JW Player Configuration Reference : https://developer.jwplayer.com/jw- player/docs/developer-guide/customization/configuration-reference/ • JW Player Stream Tester : https://developer.jwplayer.com/tools/stream- tester/?playerversion=8 • Browser DRM Support : https://bitmovin.com/docs/player/articles/ browser-drm-support • videojs-contrib-eme/fireplay : https://github.com/videojs/videojs- contrib-eme/blob/master/src/fairplay.js
- 75. • Detecting EMEand CDM support in a browser for DASH DRM : https:// www.radiantmediaplayer.com/blog/detecting-eme-cdm-browser.html • WWDC15 Media - Apple : https://devstreaming-cdn.apple.com/videos/ wwdc/2015/502sufwcpog/ 502/502_content_protection_for_http_live_streaming.pdf?dl=1 • Encrypted Media Extensions : https://www.w3.org/TR/encrypted-media/ • DRM videos now on Safari iOS : https://www.theoplayer.com/blog/apple- brings-safari-browser-fairplay-drm • What is EME? : https://developers.google.com/web/fundamentals/ media/ eme#related_technology_2_dynamic_adaptive_streaming_over_http_das h • HLS Streaming, HLS Encryption & Setting High Secure DRM : https:// www.vdocipher.com/blog/2017/08/hls-streaming-hls-encryption-secure- hls-drm/ • videojs/videojs-contrib-eme : https://github.com/videojs/videojs-contrib- eme • W3C, DRM 'EME' : https://m.zdnet.co.kr/news_view.asp? article_id=20171001112609
- 76.