国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

如何獲取視頻與音頻當(dāng)前的時(shí)長(zhǎng)，并設(shè)置時(shí)長(zhǎng)

2年前作者：吃一口你的夢(mèng)。分類：Toy博客閱讀(27)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了如何獲取視頻與音頻當(dāng)前的時(shí)長(zhǎng)，并設(shè)置時(shí)長(zhǎng)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

ontimeupdate

ontimeupdate 事件在視頻 / 音頻（audio / video）當(dāng)前的播放位置發(fā)送改變時(shí)播放
簡(jiǎn)單來(lái)講：就是視頻在播放時(shí)，將不斷觸發(fā)。

<script>
video.ontimeupdate = _.throttle(() => {
  // console.log(video.currentTime)
  // 把當(dāng)前的時(shí)間存儲(chǔ)到本地存儲(chǔ)
  localStorage.setItem('currentTime', video.currentTime)
}, 1000)
</script>

此處用到了節(jié)流函數(shù)，每秒只會(huì)觸發(fā)一次。
video.currentTime可以獲取到，當(dāng)前播放時(shí)長(zhǎng)

onloadeddata

onloadeddata 事件在當(dāng)前幀的數(shù)據(jù)加載完成且還沒(méi)有足夠的數(shù)據(jù)播放視頻/音頻（audio/video）的
下一幀時(shí)觸發(fā)
簡(jiǎn)單來(lái)講：刷新以及打開(kāi)頁(yè)面將會(huì)觸發(fā)

<script>
video.onloadeddata = () => {
	// 將存起來(lái)的時(shí)間取出，設(shè)置給播放時(shí)長(zhǎng)，
	// 打開(kāi)即可跳轉(zhuǎn)到上次播放位置
	video.currentTime = localStorage.getItem('currentTime') || 0
}
</script>

video.currentTime 可讀寫，直接讀就是獲取播放時(shí)長(zhǎng)，賦值即可設(shè)置當(dāng)前播放時(shí)長(zhǎng)。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-814850.html

到了這里，關(guān)于如何獲取視頻與音頻當(dāng)前的時(shí)長(zhǎng)，并設(shè)置時(shí)長(zhǎng)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來(lái)自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

Android Audio實(shí)戰(zhàn)——音頻播放（十）
??????? Android SDK 提供了3套音頻播放的API，分別是：MediaPlayer，SoundPool，AudioTrack。簡(jiǎn)單來(lái)說(shuō)，MediaPlayer 更加適合在后臺(tái)長(zhǎng)時(shí)間播放本地音樂(lè)文件或者在線的流式資源。SoundPool 則適合播放比較短的音頻片段，比如游戲聲音、按鍵聲、鈴聲片段等等，它可以同時(shí)播放多個(gè)音頻
2024年02月15日
瀏覽(17)
web audio api 實(shí)現(xiàn)音頻播放
最近被選中做音視頻，挺幸運(yùn)的吧，一直在接觸新的項(xiàng)目，每次都能被分到新的項(xiàng)目組，干好多費(fèi)頭發(fā)的事情?? 上周五肝到12點(diǎn)半，總算是把音頻編輯上了線總結(jié)了一下，決定寫一寫，也盤點(diǎn)一下遇到的坑 web audio API是 HTML5新增的API，提供了在web上控制音頻的一個(gè)有效通用的
2023年04月09日
瀏覽(26)
Audio API 實(shí)現(xiàn)音頻播放器
市面上實(shí)現(xiàn)音頻播放器的庫(kù)有很多，比如wavesurfer.js、howler.js等等，但是都不支持大音頻文件處理，100多M的文件就有可能導(dǎo)致程序崩潰?？傊臀夷壳暗男枨蟛惶?，所以打算自己實(shí)現(xiàn)一個(gè)音頻播放器，這樣不管什么需求在技術(shù)上都可控。下面我們簡(jiǎn)單介紹下 wavesurferJs 、
2024年02月10日
瀏覽(18)
audio音頻不能自動(dòng)播放的解決方法
由于瀏覽器限制的原因，不允許自動(dòng)播放audio音頻，嘗試網(wǎng)上的方法后也沒(méi)有進(jìn)展（如果有解決方法，歡迎評(píng)論~）一、首先創(chuàng)建?audio?標(biāo)簽二、因?yàn)樵陧?yè)面刷新后需要先執(zhí)行動(dòng)畫(huà)，動(dòng)畫(huà)完成后才去播放音樂(lè)，所以在執(zhí)行?mounted?函數(shù)時(shí)，先加載音樂(lè)源三、在動(dòng)畫(huà)完成后，進(jìn)
2024年02月11日
瀏覽(34)
vue3 -- 使用audio標(biāo)簽播放音頻
公司系統(tǒng)內(nèi)的審批頁(yè)面，前端要根據(jù)后臺(tái)推送的信息，使用’提示音’提醒用戶進(jìn)行對(duì)應(yīng)審批操作。 vue3 項(xiàng)目簡(jiǎn)介 | Vue.js (vuejs.org) TypeScript TypeScript: JavaScript With Syntax For Types. (typescriptlang.org) vite Vite | 下一代的前端工具鏈 (vitejs.dev) 下載好使用音頻文件音效網(wǎng)，保存本地。將
2024年02月01日
瀏覽(20)
js獲取音頻時(shí)長(zhǎng)
上傳音頻文件時(shí)，需要將音頻時(shí)長(zhǎng)一起上傳，純 JavaScript 獲取音頻時(shí)長(zhǎng)：使用 HTML5 的 Audio 對(duì)象和 duration 屬性來(lái)源來(lái)源
2024年02月03日
瀏覽(18)
vue實(shí)現(xiàn)音頻audio列表循環(huán)，實(shí)現(xiàn)暫停播放切換
功能界面如下功能使用如下：首先根據(jù)后端返回的音頻地址進(jìn)行渲染，其中playAudioSrc字段用來(lái)控制暫停樣式還是播放樣式，audio進(jìn)行隱藏 vue處理邏輯如下
2024年02月11日
瀏覽(21)
Unity 之利用Audio Source（音頻源）組件用于播放聲音
Unity中的Audio Source（音頻源）是一個(gè)用于播放聲音的組件，通常附加到游戲?qū)ο笊?，以便在游戲中播放音頻效果、音樂(lè)或?qū)υ?。以下是Audio Source的詳細(xì)介紹：添加Audio Source ：要在Unity中使用Audio Source，首先需要將其附加到一個(gè)游戲?qū)ο笊?。通常，您可以選擇場(chǎng)景中的一個(gè)空游
2024年02月09日
瀏覽(24)
Vue中如何進(jìn)行音頻與視頻播放？
在Vue中，我們可以使用HTML5的 audio 和 video 標(biāo)簽來(lái)實(shí)現(xiàn)音頻和視頻的播放。Vue本身并沒(méi)有提供專門的音頻或視頻播放組件，但是可以使用Vue的數(shù)據(jù)綁定和生命周期鉤子來(lái)控制音頻和視頻的播放。在Vue中，我們可以使用 audio 標(biāo)簽來(lái)嵌入音頻文件。下面是一個(gè)簡(jiǎn)單的例子：這個(gè)例
2024年02月10日
瀏覽(18)
視頻上傳，限制時(shí)長(zhǎng)，獲取視頻時(shí)長(zhǎng)
使用element的upload上傳文件時(shí)，除了類型和大小，需求需要限制只能長(zhǎng)傳18秒內(nèi)的視頻，這里通過(guò)upload的before-upload，以及創(chuàng)建一個(gè)音頻元素對(duì)象拿到durtaion時(shí)長(zhǎng)屬性來(lái)實(shí)現(xiàn)。 loadedmetadata 事件是當(dāng)指定的音頻/視頻的元數(shù)據(jù)已加載時(shí)觸發(fā)，就可以得到元數(shù)據(jù)，包括時(shí)長(zhǎng)，尺寸等；
2024年02月12日
瀏覽(21)