javascript實(shí)現(xiàn)blob加密視頻源地址的方法
更新時(shí)間：2019年08月08日 08:35:56 作者：dreams7433
這篇文章主要介紹了javascript實(shí)現(xiàn)blob加密視頻源地址的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
一、HTML代碼：
<video id="my-video" class="video-js" playsinline controls preload="auto" controlslist="nodownload" controlslist="nofullscreen" width="100%" height="240"
poster="upload/moviepic/2019-08-02/1564739500xyzp.png" data-setup="{}">
<source src="" type="video/mp4">
<source src="" type="video/ogg">
<source src="" type="video/webm">
<p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a target="_blank">supports HTML5 video</a> </p>
</video>
二、JavaScript代碼：
<script type="text/javascript">
var video = document.getElementById("my-video");
window.URL = window.URL || window.webkitURL;
var xhr = new XMLHttpRequest();
var play_url = 'test.mp4';
xhr.open("GET", play_url, true);
xhr.responseType = "blob";
xhr.onload = function() {
if (this.status == 200) {
var blob = this.response;
console.log(blob);
video.onload = function(e) {
window.URL.revokeObjectURL(video.src);
};
video.src = window.URL.createObjectURL(blob);
}
}
xhr.send();
</script>
三、效果圖如下：
總結(jié)
以上所述是小編給大家介紹的javascript實(shí)現(xiàn)blob加密視頻源地址的方法,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境
本文主要介紹了js使用navigator.userAgent判斷當(dāng)前瀏覽器所處的環(huán)境，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
P3P Header解決Cookie跨域的問題，需要的朋友可以參考一下2013-03-03
javascript之典型高階函數(shù)應(yīng)用介紹二
在前一篇文章javascript之典型高階函數(shù)中主要實(shí)現(xiàn)了幾個(gè)典型的functional函數(shù),文章最后也提出了疑問，為啥那樣的實(shí)現(xiàn)與F#之類的函數(shù)式語言“不太一樣”呢？今天來試試更“函數(shù)式”的實(shí)現(xiàn)2013-01-01
JavaScript實(shí)現(xiàn)x秒后自動(dòng)跳轉(zhuǎn)到一個(gè)頁面
今天看視頻學(xué)習(xí)時(shí)學(xué)習(xí)了一種新技術(shù)，即平時(shí)我們?cè)谝粋€(gè)頁面點(diǎn)擊“提交”或“確認(rèn)”會(huì)自動(dòng)跳轉(zhuǎn)到一個(gè)頁面,在網(wǎng)上搜了一下，關(guān)于這個(gè)技術(shù)處理有多種方法,有興趣的朋友可以參考下2013-01-01
Kettle中使用JavaScrip調(diào)用jar包對(duì)文件內(nèi)容進(jìn)行MD5加密的操作方法
這篇文章主要介紹了Kettle中使用JavaScrip調(diào)用jar包對(duì)文件內(nèi)容進(jìn)行MD5加密的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-09-09
客戶端 使用XML DOM加載json數(shù)據(jù)的方法
我們?nèi)〕鰯?shù)據(jù)后可以以json的形式傳到前端處理，也可以以Xml Dom的形式傳到前端進(jìn)行處理。下邊例子是利用Jquery處理XML Dom的例子。2010-09-09
寫個(gè)播放器應(yīng)付復(fù)習(xí)，因?yàn)锳jax涉及到跨域獲取天氣信息，有兩個(gè)版本，一個(gè)是直接跨域，IE10支持，其他的瀏覽器要改配置2013-05-05
HTML+JS實(shí)現(xiàn)經(jīng)典推箱子游戲
今天，這篇文章將利用HTML，CSS，JS的知識(shí)編寫一個(gè)童年經(jīng)典游戲?-?推箱子，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-11-11
本文通過實(shí)例代碼給大家介紹了JS中定位 position 的使用，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-08-08
帶你領(lǐng)略O(shè)bject.assign()方法的操作方式
這篇文章主要介紹了帶你領(lǐng)略O(shè)bject.assign()方法的操作方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08