비디오 파일 blob으로 재생하기 > 그누보드5 팁자료실

그누보드5 팁자료실

비디오 파일 blob으로 재생하기 정보

비디오 파일 blob으로 재생하기

본문

blob은 유튜브를 볼때 영상 url을 보시면

blob:https://www.youtube.com/550e8400-e29b-41d4-a716-44665544000

이런식으로 되있을것입니다.

이런식으로 만들어주는것입니다.

    <script>
var xhr = new XMLHttpRequest();
xhr.responseType = 'blob';
xhr.onload = function() {
  
  var reader = new FileReader();
  
  reader.onloadend = function() {
  
    var byteCharacters = atob(reader.result.slice(reader.result.indexOf(',') + 1));
    
    var byteNumbers = new Array(byteCharacters.length);
    for (var i = 0; i < byteCharacters.length; i++) {
      
      byteNumbers[i] = byteCharacters.charCodeAt(i);
      
    }
    var byteArray = new Uint8Array(byteNumbers);
    var blob = new Blob([byteArray], {type: 'video/mp4'});
    var url = URL.createObjectURL(blob);
    
    document.getElementById('_video').src = url;
    
  }
  
  reader.readAsDataURL(xhr.response);
  
};
xhr.open('GET', 'https://scontent-sin6-2.cdninstagram.com/vp/bb4804c93f3b935137bf90521c35437f/5BE0E5C7/t50.2886-16/42414176_263498447635217_1628327182583463936_n.mp4?dl=0');
xhr.send();
    </script>
<video id="_video"></video>

하시면 됩니다.

저기 링크를 바꿔주세요.

추천3
스폰서링크

댓글 전체

	<script>
	function createHTMLDocument() {
    var blob = new Blob(
        ['<!doctype html>','<html><head><meta charset="utf-8"><title>blob</title><body>',document.getElementById('code').value,'</body></html>'],
        {type:'text/html'}
    );
    var url = URL.createObjectURL(blob);
    var link = document.getElementById('link');
    
    link.setAttribute('href', url);
    link.innerHTML = url;
}
</script>

			<div>
    <p>HTML &lt;body&gt; 태그 안에 들어갈 내용을 입력하세요.</p>
    <p><textarea id="code" style="width:99%;height:100px">&lt;p>안녕하세요.&lt;/p></textarea></p>
</div>
<button onclick="createHTMLDocument()" style="line-height:3em">HTML 문서로 만들기</button><br>
<a href="#" id="link" target="_blank"></a>
		</div>	

이런식으로도 활용가능합니다.
전체 1,251 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

진행중 포인트경매

  1. 강정 감귤 5kg 한박스

    참여27 회 시작18.11.13 20:00 종료18.11.18 20:00
  2. 다래사랑) 레드키위 or 골드키위 3Kg 한박스

    참여27 회 시작18.11.13 11:45 종료18.11.18 11:45

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT