鍍金池/ 問答/網(wǎng)絡安全  HTML/ web加載視頻時怎么自定義視頻請求頭內容?

web加載視頻時怎么自定義視頻請求頭內容?

公司視頻需要加密,實現(xiàn)方式是在前端發(fā)送HTTP請求視頻數(shù)據(jù)的請求頭加一串類似token的數(shù)據(jù),后端以此來判斷是否允許返回視頻數(shù)據(jù),iOS端和Android端都有辦法設置視頻請求頭,前端怎么實現(xiàn),我目前使用了video.js播放器,實在找不到設置請求頭的方法,求助?。?!

回答
編輯回答
影魅

類似video、img這種標簽似乎是無法設置請求頭的。。。

2018年4月24日 14:21
編輯回答
任她鬧
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
    if(this.readyState === 4){
        if (this.status === 200){
            const res = this.response || this.responseText;
            // type 里的類型瞎猜的。。
            const blob = new Blob([res],{type:"video/mp4"});
            const blobUrl = URL.createObjectURL(blob);
            document.querySelector("你的video標簽的選擇器").src = blobUrl;
        }
    }
};
xhr.open("get", "鏈接地址", true);
//設置請求頭
xhr.setRequestHeader("你想設置的key的名字,不可為中文","你想設置的value的值,不可為中文");
//可以設置多個,例如
xhr.setRequestHeader("token","abcdefg");
xhr.setRequestHeader("haha","lala");
//發(fā)射
xhr.send();
2017年11月23日 12:35