国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

利用canvas+vue進(jìn)行視頻碎片合并

williamwen1986 / 1544人閱讀

摘要：倉(cāng)庫(kù)地址利用進(jìn)行視頻碎片合并此注意點(diǎn)并沒有考慮性能只支持溫柔使用沒有狀態(tài)狀態(tài)正在完善中默認(rèn)對(duì)象說明是否自動(dòng)播放表示是否需要顯示狀態(tài)暫停狀態(tài)播放狀態(tài)聲音控制是否靜音進(jìn)度條總長(zhǎng)度這個(gè)是需要后端返回的默認(rèn)播放時(shí)間用來顯示終點(diǎn)時(shí)間當(dāng)前時(shí)間默

倉(cāng)庫(kù)地址canvas-merge-video-in-vue 利用canvas+vue進(jìn)行視頻碎片合并 此pro注意點(diǎn)：

1.并沒有考慮性能
2.只支持溫柔使用
3.沒有catch error狀態(tài)
4.loading狀態(tài)正在完善中

默認(rèn)data對(duì)象說明 
autoPlay: false, // 是否自動(dòng)播放
currentEnoughToPlay: false, // 表示是否需要顯示enoughToPlay狀態(tài)
pauseing: true, // 暫停狀態(tài)
playing: false, // 播放狀態(tài)
sounds: 10, // 聲音控制
mutedable: false, // 是否靜音
progress: 0, // 進(jìn)度條
allLength: 0, // 總長(zhǎng)度.這個(gè)是需要后端返回的
currentTimeLabel: "0:00", // 默認(rèn)播放時(shí)間 用來顯示
terminalTimeLabel: "", // 終點(diǎn)時(shí)間
currentTime: 0, // 當(dāng)前時(shí)間
currentIndex: 0, // 默認(rèn)當(dāng)前播放碎片指引
videoInstance: null, // 當(dāng)前激活的視頻實(shí)例
canvasInstance: null, // canvas 實(shí)例
playList: [] // 碎片列表
實(shí)現(xiàn)思路

1.先把所有視頻碎片丟到dom里面

2.控制當(dāng)前碎片指引，進(jìn)行實(shí)例dom切換

3.video的currentTime只要video能播放就會(huì)改變，通過這個(gè)屬性監(jiān)控觸發(fā) canvas的drawimage

4.通過canvas 去drawimage去抓取當(dāng)前碎片（也就是指引指向的那個(gè)video實(shí)例）

5.通過video的onend事件連接碎片

存在問題

1.來回拖動(dòng)進(jìn)度條的時(shí)候可能會(huì)出現(xiàn)卡頓現(xiàn)象視頻 報(bào)錯(cuò)

2.兼容性問題

3.。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/81634.html

相關(guān)文章

  • 利用canvas+vue進(jìn)行視頻碎片合并

    摘要：倉(cāng)庫(kù)地址利用進(jìn)行視頻碎片合并此注意點(diǎn)并沒有考慮性能只支持溫柔使用沒有狀態(tài)狀態(tài)正在完善中默認(rèn)對(duì)象說明是否自動(dòng)播放表示是否需要顯示狀態(tài)暫停狀態(tài)播放狀態(tài)聲音控制是否靜音進(jìn)度條總長(zhǎng)度這個(gè)是需要后端返回的默認(rèn)播放時(shí)間用來顯示終點(diǎn)時(shí)間當(dāng)前時(shí)間默 倉(cāng)庫(kù)地址canvas-merge-video-in-vue 利用canvas+vue進(jìn)行視頻碎片合并 此pro注意點(diǎn)： 1.并沒有考慮性能2.只支持溫...

    546669204 評(píng)論0 收藏0

  • 基于Vue的MVVM學(xué)習(xí)筆記

    摘要：發(fā)布訂閱現(xiàn)在每個(gè)人應(yīng)該都用微信吧，一個(gè)人可以關(guān)注多個(gè)公眾號(hào)，多個(gè)人可以同時(shí)關(guān)注相同的公眾號(hào)。公眾號(hào)每周都會(huì)更新內(nèi)容，并推送給我們，把寫好的文章在微信管理平臺(tái)更新就好了，點(diǎn)擊推送，就相當(dāng)于發(fā)布。 什么是MVVM MVVM——Model-View-ViewModle的縮寫，MVC設(shè)計(jì)模式的改進(jìn)版。Model是我們應(yīng)用中的數(shù)據(jù)模型，View是我們的UI層，通過ViewModle，可以把我們M...

    Alan 評(píng)論0 收藏0

  • JS每日一題: Vue中mixin怎么理解？

    摘要：兩個(gè)對(duì)象鍵名沖突時(shí)，取組件對(duì)象的鍵值對(duì)也使用同樣的策略進(jìn)行合并。代碼理解全局混合也可以全局注冊(cè)混合對(duì)象。注意使用一旦使用全局混合對(duì)象，將會(huì)影響到所有之后創(chuàng)建的實(shí)例為自定義的選項(xiàng)注入一個(gè)處理器。 20190122 Vue中mixin怎么理解？ mixin是為了讓可復(fù)用的功能靈活的混入到當(dāng)前組件中，混合的對(duì)象可以包含任意組件選項(xiàng)（生命周期，指令之類等等）, mixin翻譯過來叫混合,高級(jí)的...

    jubincn 評(píng)論0 收藏0

  • 大前端 - 收藏集 - 掘金

    摘要：是目前唯一一個(gè)支持同步調(diào)用的跨平臺(tái)年度上最多的個(gè)項(xiàng)目前端掘金年接近尾聲，在最近的幾篇文章中，會(huì)整理總結(jié)一些年度開源項(xiàng)目。 JS 全棧教程 - 前端 - 掘金本課程是基于阮一峰的 js 全棧教程的視頻版本，免費(fèi)供大家觀看... 2016 年 10 個(gè)最佳的 CodePen 作品 - 前端 - 掘金說到 CodePen，前端開發(fā)者們肯定不會(huì)陌生。如果說 Dribbble 是設(shè)計(jì)師們聚集的圣...

    honhon 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<