Hls.js demo - basic usage
<body>
<!-- https://hls-js.netlify.app/demo/basic-usage.html -->
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<!-- <script src="https://hls-js.netlify.app/dist/hls.js"></script> -->
<center>
<h1>Hls.js demo - basic usage</h1>
<!-- controls is true or false -->
<video height="600" id="video-player" controls></video>
</center>
<script>
var video = document.getElementById('video-player');
var videoSrc = 'https://video.twimg.com/amplify_video/1511540044250566660/pl/tKANSitLrcY2zUh-.m3u8?variant_version=1&tag=14&container=fmp4';
//
// First check for native browser HLS support
//
if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = videoSrc;
video.play();
//
// If no native HLS support, check if HLS.js is supported
//
} else if (Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(videoSrc);
hls.attachMedia(video);
hls.on(Hls.Events.MEDIA_ATTACHED, function () {
video.muted = true;
video.play();
});
}
</script>
</body>
14:00:50
'소프트웨어 정보' 카테고리의 다른 글
| 로스트아크 엘가시아 신규 대륙 업데이트 (0) | 2022.05.08 |
|---|---|
| 여러분과 함께 만든 로스트아크 쿠폰 (0) | 2022.03.16 |
| 로스트아크 겨울 대축제! LOA ON WINTER (0) | 2021.12.18 |
| 로스트아크 3주년 기념, 함께한 시간 아바타, 탈것, 펫 출시! (0) | 2021.11.03 |
| 오딘: 발할라 라이징 (0) | 2021.06.29 |
