導航:首頁 > 版本升級 > js獲取視頻文件大小

js獲取視頻文件大小

發布時間:2021-10-25 04:25:53

javascript 如何獲取 m3u8文件 ts視頻流中的PTS的值

樓主可以看下MPEG-2的文檔,因為PTS那幾個位元組中間插入了1位maker_bit,所以還原時需要忽略掉。

② 視頻的js介面文件怎樣獲取

js路徑的問題有時候不好處理,在jsp中,我們可以用el表達式直接獲取basePath,但是在單獨js文件中不能用el表達式,又不想在jsp中單獨的寫個變數,可以用以下方法:

復制代碼代碼如下:

var location = (window.location+'').split('/');
var basePath = location[0]+'//'+location[2]+'/'+location[3];

③ 請問怎麼通過JS找到本地視頻,並將視頻轉換為byte流,並獲取byte流 本地視頻地址:D:\\test\a.flv

js沒有流操作.只能通過<input type="file">標簽向後台傳輸

④ 怎麼用js限制上傳的視頻的大小和格式,坐等大神,求具體代碼

上傳文件總要有個input
<input type="file" />
通過訪問input.files可以查看文件的屬性,裡麵包含size, MIME ,name等。判斷size就好了。

⑤ 怎麼通過js讀取視頻文件

可以參考JPlayer等第三方JS插件,JS本身不能讀取視頻文件。

⑥ 如何快速獲取視頻信息(如碼率,幀數,解析度等)

可以用kmplayer打開視頻,查看屬性,就能得到視頻的這些信息了,kmplayer是一款韓國製造支持中文的強大播放器,免費,編解碼插件非常齊全!

⑦ js獲取一個視頻3.00-7.00的時間段怎麼實現

使用video標簽的 currentTime 設置開始的時間 定義一個方法,兩個參數 一個是啟動時間,一個是結束時間,判斷當當前的時間等於結束時間的時候 就停止播放

⑧ 用nodejs怎麼獲得一個文件夾下面的視頻信息呢(具體指視頻時長/多少分鍾的視頻)

我知道的跟nodejs關系不大,可以用ffmpeg來獲取,然後nodejs調用ffmpeg的命令。

⑨ 求一個js代碼,有一個視頻文件,怎樣用一個按鈕使一個視頻可以不停的變大或變小,代碼詳情附圖一張,

在 JS 中動態添加事件

在 JS 中動態添加事件,涉及到瀏覽器兼容性問題。結合我的實踐經驗以及從網上收集的一些資料,特整理在此,希望有點用。

方法一、setAttribute
var obj = document.getElementById("obj");
obj.setAttribute("onclick", "JavaScript:alert('測試');");
這里利用 setAttribute 指定 onclick 屬性, 但是:用 setAttribute 設置 style、onclick、onmouseover 這些屬性在 IE 中是行不通的。但是某些屬性可以,以下是通過測試的一個例子:
如果你知道某個控制項如select控制項的name,但是這個控制項並沒有設置id屬性,這時候在IE下測試發現如果僅僅通過控制項的name是無法給它動態添加屬性和事件的,因為W3C是允許name屬性重復的。
function test(){
//通過tag,獲得所有tagName為select的控制項,返回的是一個select集合
var obj=document.getElementByTagName(「select」);
//通過obj.length獲得select集合的個數,在挨個匹配name
for(var i=0;i<obj.length;i++){
//找到name為part的select控制項
if(obj[i].name==』part』){
obj[i].setAttribute(「id」,」myid」);//為name為part的select控制項設置id為myid
obj[i].setAttribute(「onchange」,myfunc); //為該控制項設置onchange事件,即調用myfunc函數
}
}
}

function myfunc(){
alert(「test ok!」);
}

方法二、用 attachEvent 和 addEventListener
IE支持attachEvent
obj.attachEvent("onclick", Foo);
function Foo()
{
alert("測試");
}
也可寫在一起
obj.attachEvent("onclick", function(){alert("測試");});
其它瀏覽器支持 addEventListener
obj.addEventListener("click", Foo, false);
function Foo()
{
alert("測試");
}
同樣也可寫在一起
obj.addEventListener("click", function(){alert("測試");}, false);
注意 attachEvent 的事件帶 on,如 onclick,而 addEventListener 不帶 on,如 click。
順便說一下 addEventListener 的第三個參數(雖然很少用) useCapture - 如果為 true,則 useCapture
指示用戶希望啟動捕獲。啟動捕獲後,所有指定類型的事件將在被指派到樹中其下面的任何 EventTargets 之前指派給已注冊的
EventListener。正在通過樹向上 bubbling 的事件將不觸發指定的使用捕獲的 EventListener。
綜合應用
var obj = document.getElementById("obj");
if(window.addEventListener){
//其它瀏覽器的事件代碼: Mozilla, Netscape, Firefox
//添加的事件的順序即執行順序
obj.addEventListener('click', alert('test1'), false);
obj.addEventListener('click', alert('test2'), false);
} else {
//IE 的事件代碼
obj.attachEvent('onclick', function(){alert('test3');});
obj.attachEvent('onclick', function(){alert('test4』);});
}

方法三、事件 = 函數
例:obj.onclick = Foo;
這在多個瀏覽器中均支持,這是屬於舊的規范(方法二屬於 DOM2 的規范),不過由於使用方便,用的場合也比較多。

轉載:getElementsByName和getElementByID
原文地址:http://www.jsxzinfo.com/blog/post/getElementByID.html
以前經常使用document.getElementByID取得html裡面ID標記的屬性,昨天想當然使用
document.getElementByName(注意沒有s),來獲取name標記的屬性,結果發現瀏覽器報錯。查了查資料,才發現沒有這個函數,
應該是getElementsByName。和document.getElementByID不同的是,前者返回的是一個name和ID的集合,因為
W3C是允許name屬性重復的,也就是html標記可以使用同一個name名字,而後者返回了ID的第一個元素。所以
document.getElementsByName的使用方法往往是document.getElementsByName("***")[0],
[1]等。document.getElementsByTagName, document.formName.elements
這類方法所得到的結果也都是集合。
<input type=checkbox value=2>2
<input type=checkbox value=1>1
<script language=」javascript」>
var arr = document.getElementsByTagName("input"); //取得所有input,返回就是數組.
alert(arr[0].value); //取第一個input的值.
</script>

再給個例子:
一個Table中有7,8個tr,我需要動態的將其中4,5個tr
display=none/block。但是我又不想給每個tr都定義一個id,所以我想到了給這4,5個tr一個共同的name然後用
getElementsByName來返回一個數組,這樣用循環操作每一個tr方便點,可是後來發現ie不支持。
如果只是 hide/show 操作的話,可以設一個獨立 stylesheet,把同一 classname 的 object 設為
display:none。之後便可以透過改變這個 stylesheet 的 disabled property 改變屬於這 classname 的
object 的 show/hide 狀況。
<html>
<head>
<title>test</title>
</head>
<body>
<style id="abc-style">
.abc {display: none}
</style>
<h1 class='abc'>test</h1>
<script>
function toggle() {
var style = document.getElementById('abc-style');
style.disabled = !style.disabled;
}
</script>
<P onclick="toggle()">click me </p>
</body>
</html>
延伸思考:

比如說,你想得到所有class屬性是"abc"的tr,用這個就可以了:
代碼:
alltr = document.evaluate("//tr[@class='abc']", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
for (var i = 0; i < alltr.snapshotLength; i++) {
tr = alltr.snapshotItem(i);
// do something with tr
}

該文章轉載自網路大本營:http://www.xrss.cn/Dev/Other/2007122118298.Html

、、============================================

最簡單的是這樣:
<input type="button" onclick="alert(this.value)" value="我是 button" />
動態添加onclick事件:
<input type="button" value="我是 button" id="bu">
<script type="text/javascript">
var bObj=document.getElementById("bu");
bObj.onclick= objclick;
function objclick(){alert(this.value)};
</script>
如果使用匿名函數 function(){},則如下面所示:
<input type="button" value="我是 button" id="bu">
<script type="text/javascript">
var bObj=document.getElementById("bu");
bObj.onclick=function(){alert(this.value)};
</script>
上面的方法其實原理都一樣,都是定義 onclick 屬性的值。值得注意的是,如果多次定義
obj.onclick,例如:obj.onclick=method1; obj.onclick=method2;
obj.onclick=method3,那麼只有最後一次的定義obj.onclick=method3才生效,前兩次的定義都給最後一次的覆蓋掉
了。
再看 IE 中的 attachEvent:
<input type="button" value="我是拉登" id="bu">
<script type="text/javascript">
var bObj = document.getElementById("bu");
bObj.attachEvent("onclick",method1);
bObj.attachEvent("onclick",method2);
bObj.attachEvent("onclick",method3);
function method1(){alert("第一個alert")}
function method2(){alert("第二個alert")}
function method3(){alert("第三個alert")}
</script>
執行順序是 method3 > method2 > method1 ,先進後出,與堆棧中的變數相似。需要注意的是attachEvent 中第一個參數是on開頭的,可以是 onclick/onmouseover/onfocus 等等
據說(未經確認驗證)在 IE 中使用 attachEvent 後最好再使用 detachEvent 來釋放內存
再看看 Firefox 中的的 addEventListener:
<input type="button" value="我是布希" id="bu">
<script type="text/javascript">
var bObj = document.getElementById("bu");
bObj.addEventListener("click",method1,false);
bObj.addEventListener("click",method2,false);
bObj.addEventListener("click",method3,false);
function method1(){alert("第一個alert")}
function method2(){alert("第二個alert")}
function method3(){alert("第三個alert")}
</script>
可以看到,在 ff 中的執行順序是 method1 > method2 > method3 , 剛好與 IE
相反,先進先出。需要注意的是 addEventListener 有三個參數,第一個是不帶「on」的事件名稱,如
click/mouseover/focus等。

⑩ js怎麼判斷視頻不能大於600M

600M = 629145600 位元組

閱讀全文

與js獲取視頻文件大小相關的資料

熱點內容
數據通信硬體是什麼 瀏覽:245
s3c2440外部中斷代碼 瀏覽:491
許君聰二龍湖浩哥的電影 瀏覽:510
騎士助手文件夾的名字 瀏覽:825
風雲雄霸天下小說全集txt下載 瀏覽:532
審計大數據情況 瀏覽:862
隨著網路技術迅猛發展對 瀏覽:737
韓國十大神級電影網站 瀏覽:878
平板電腦虛擬按鍵配置文件 瀏覽:374
歐美動作愛情 瀏覽:915
word2013更改圖片 瀏覽:980
win10plsql 瀏覽:819
香港電影開頭一個女的在床上自慰 瀏覽:512
win10cdromsys下載 瀏覽:30
桌面程序hibernate 瀏覽:14
如何建蔬菜網站 瀏覽:579
android網路通信聊天 瀏覽:1
電影頭上裹著布還有紐扣 瀏覽:246
iphone6nfc充電 瀏覽:422
鐵銹戰爭的文件夾是哪個 瀏覽:184

友情鏈接