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