javascript實(shí)現(xiàn)blob加密視頻源地址的方法
更新時間：2019年08月08日 08:35:56 作者：dreams7433
這篇文章主要介紹了javascript實(shí)現(xiàn)blob加密視頻源地址的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
一、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加密視頻源地址的方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
JavaScript 事件冒泡應(yīng)用實(shí)例分析
在一些傳統(tǒng)的小型WEB應(yīng)用開發(fā)過程中，JavaScript通常只是拿來做表單驗(yàn)證而以，所以你很少會遇到因?yàn)镴avaScript事件冒泡而影響功能的實(shí)現(xiàn)情況，又或者事件冒泡對最終實(shí)現(xiàn)效果影響不大，可忽略。2010-01-01
事件是用來描述網(wǎng)頁中某一特定有趣時刻的，眾所周知事件通常是在由用戶和瀏覽器進(jìn)行交互時觸發(fā)，其實(shí)不然，通過Javascript可以在任何時間觸發(fā)特定的事件，并且這些事件與瀏覽器創(chuàng)建的事件是相同的2012-06-06
下面小編就為大家?guī)硪黄猨avascript幀動畫(實(shí)例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了JavaScript設(shè)計模式之單件模式介紹,單件模式,就是靜態(tài)化的訪問中已經(jīng)實(shí)例化的對象,這個對象只能通過一個唯一的入口訪問,已經(jīng)實(shí)例或待實(shí)例化的對象,需要的朋友可以參考下2014-12-12
下拉列表框默認(rèn)情況下是不可編輯的，下面為大家介紹個不錯的方法可以使下拉列表框可編輯，具體實(shí)現(xiàn)如下，需要的朋友可以參考下2013-12-12
這篇文章主要介紹了解決JS無法調(diào)用Controller問題的方法,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了使用js動態(tài)往表格的td中添加圖片并注冊事件,需要的朋友可以參考下2014-06-06
JavaScript降低代碼圈復(fù)雜度優(yōu)化技巧
當(dāng)一個項(xiàng)目經(jīng)過持續(xù)迭代,不斷增加功能,逐漸變成一個復(fù)雜的產(chǎn)品時,新功能的開發(fā)變得相對困難,其中一個很大的原因是代碼復(fù)雜度高,導(dǎo)致可維護(hù)性和可讀性都很差,本文將從前端JavaScript的角度出發(fā),介紹一些有效的方法和技巧來優(yōu)化前端代碼的圈復(fù)雜度2023-10-10
這篇文章主要介紹了javasctipt如何顯示幾分鐘前、幾天前等,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了代碼整潔之道(重構(gòu))，不管對于何種語言，重構(gòu)都是軟件開發(fā)過程中不可或缺的一部分，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10