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