Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 久久99亚洲精品一区二区,韩国美女一级片,亚洲国产精品一区二区三区久久

          整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          愛奇藝云剪輯Web端的技術(shù)實(shí)現(xiàn)

          剪輯是集視頻制作、生產(chǎn)、分發(fā)等為一體的在線視頻制作平臺(tái),具備工具及服務(wù)兩方面能力:工具方面,云剪輯具備全面視頻剪輯能力,相比行業(yè)中其他在線剪輯工具能力更強(qiáng)大,支持范圍包括多軌道音視頻合成、音視頻素材的裁剪、切割、拖拽,貼片貼字設(shè)置和音頻編輯等;服務(wù)方面,云剪輯平臺(tái)支持各種業(yè)務(wù)調(diào)用、視頻制作和分發(fā)以及視頻制作狀態(tài)查詢等服務(wù)。

          圖1 愛奇藝云剪輯編輯預(yù)覽頁(yè)面

          隨著Web端技術(shù)的不斷發(fā)展,尤其是HTML5標(biāo)準(zhǔn)的發(fā)布和實(shí)施,前端不僅能夠?qū)崿F(xiàn)友好的界面展示、交互,還能夠?qū)崿F(xiàn)對(duì)流媒體數(shù)據(jù)的操作和渲染。Web端能力不斷的增強(qiáng),Web應(yīng)用功能越來(lái)越復(fù)雜,對(duì)性能要求也越來(lái)越高。當(dāng)用桌面軟件進(jìn)行音視頻數(shù)據(jù)的編輯時(shí)不僅對(duì)機(jī)器性能有較高的要求,還耗費(fèi)大量轉(zhuǎn)碼時(shí)間。愛奇藝云剪輯則通過(guò)Web技術(shù)優(yōu)化實(shí)現(xiàn)在線音視頻制作,云服務(wù)實(shí)現(xiàn)轉(zhuǎn)碼,有效降低了用戶的PC性能要求,還提升了轉(zhuǎn)碼性能與速度。

          云剪輯的主要功能有:

          1、視頻剪切、拼接等基礎(chǔ)功能

          2、視頻軌道縮放、拖拽基本交互

          3、視頻貼字、貼圖等基本包裝能力

          4、視頻效果實(shí)時(shí)預(yù)覽

          5、視頻的在線轉(zhuǎn)碼能力

          這里前面4點(diǎn)都需要在瀏覽器端完成,基于Web技術(shù)在瀏覽器端實(shí)現(xiàn)類似桌面的大型編輯軟件有很多技術(shù)難點(diǎn):

          首先,如何在Web實(shí)現(xiàn)模擬播放,實(shí)現(xiàn)所見即所得;

          其次,在Web端進(jìn)行復(fù)雜的操作時(shí),瀏覽器資源消耗較大,如何保證良好的交互體驗(yàn)和性能;

          再有,視頻制作除了剪切與拼接外,如貼字、貼圖、濾鏡等效果疊加,也需要瀏覽器端來(lái)進(jìn)行模擬,且需要與服務(wù)端保持一致,這也是一個(gè)技術(shù)難點(diǎn)。

          下面我們來(lái)看下愛奇藝技術(shù)團(tuán)隊(duì)如何通過(guò)Web技術(shù)在云剪輯中實(shí)現(xiàn)在線的音視頻編輯的。



          1 云剪輯架構(gòu)設(shè)計(jì)的挑戰(zhàn)

          云剪輯把PC桌面程序的功能遷移到云端。本來(lái)在一臺(tái)計(jì)算機(jī)上運(yùn)行的程序,現(xiàn)在由多臺(tái)計(jì)算機(jī)分別完成。之前由一個(gè)程序不同模塊執(zhí)行的計(jì)算,現(xiàn)在通過(guò)網(wǎng)絡(luò)相連的不同的服務(wù)協(xié)調(diào)完成。這就給云剪輯的架構(gòu)設(shè)計(jì)帶來(lái)了很大的挑戰(zhàn)。

          如圖2所示,愛奇藝云剪輯整體架構(gòu)分為四個(gè)部分:

          圖2 愛奇藝云剪輯整體架構(gòu)圖

          Web客戶端:負(fù)責(zé)與用戶的具體交互操作,包括素材導(dǎo)入、視頻剪輯和效果實(shí)時(shí)預(yù)覽。具體功能可參考圖3。

          Node中間層:主要功能為項(xiàng)目和視頻數(shù)據(jù)接收、轉(zhuǎn)發(fā)、保存等。

          創(chuàng)作中臺(tái):為云剪輯提供視頻制作、轉(zhuǎn)碼、分發(fā)等業(yè)務(wù)處理和調(diào)度。

          云平臺(tái):提供基礎(chǔ)支撐,如音視頻轉(zhuǎn)碼、存儲(chǔ)分發(fā)等。

          圖3 Web端產(chǎn)品架構(gòu)圖


          2 云剪輯實(shí)時(shí)預(yù)覽的技術(shù)原理

          視頻剪輯效果的實(shí)時(shí)預(yù)覽,成為云剪輯工具的一個(gè)技術(shù)難點(diǎn)。愛奇藝云剪輯播放器,創(chuàng)造性的通過(guò)多個(gè)播放器實(shí)例組合接力的模式,實(shí)現(xiàn)了多個(gè)視頻裁剪、切割、拼接后實(shí)時(shí)預(yù)覽的目的。剪輯預(yù)覽播放器的原理如圖4所示:

          圖4 剪輯預(yù)覽播放器原理圖

          多個(gè)視頻播放器實(shí)例組合成為一個(gè)視頻播放器,使用canvas投影整合視頻畫面。那么要解決下面的問(wèn)題:


          2.1. 多組視頻播放器以及播放次序組織問(wèn)題

          將視頻播放器的實(shí)例分別放入不同的視頻小組中。視頻小組是視頻整合的更高一級(jí)虛擬形式。每個(gè)視頻小組中,加入數(shù)量不等的視頻實(shí)例,視頻小組分工不同,有的小組負(fù)責(zé)預(yù)加載,有的小組負(fù)責(zé)投影,有的小組負(fù)責(zé)轉(zhuǎn)換。視頻小組互相補(bǔ)充,互相接力,又互相制約,通過(guò)這種方式將有效解決視頻拼接播放流暢性的問(wèn)題。

          2.2. 視頻在切換、跳轉(zhuǎn)時(shí)如何保證待播的資源準(zhǔn)備得當(dāng)

          當(dāng)視頻跳轉(zhuǎn)(seek)播放時(shí),不能預(yù)測(cè)用戶要播放哪個(gè)視頻的哪個(gè)片段,也就談不上提前準(zhǔn)備資源了。但是我們經(jīng)過(guò)大量的實(shí)際驗(yàn)證發(fā)現(xiàn),打造一個(gè)專門用來(lái)緩存歷史數(shù)據(jù)的視頻小組,能有效提高命中預(yù)加載視頻的幾率。所以將其他視頻小組中暫時(shí)不用的資源聚合到緩存視頻小組,緩存視頻小組再通過(guò)自己靈活介入的優(yōu)勢(shì),將緩存數(shù)據(jù)最大限度的復(fù)用,這樣就最大限度的解決跳轉(zhuǎn)播放時(shí)出現(xiàn)的卡頓現(xiàn)象。具體流程如圖5所示:

          圖5 預(yù)覽播放器流程圖

          利用多個(gè)視頻實(shí)例組合播放,對(duì)視頻格式有比較好的兼容性與穩(wěn)定性。通過(guò)分組的方式整合播放資源,有效的提升了資源的利用率,降低了內(nèi)存占用。

          解決了視頻預(yù)覽的問(wèn)題,還要加入各種各樣的包裝定制和特效功能,因?yàn)樵萍糨嫷念A(yù)覽播放器畫面是投影在canvas元素上的,這就給我們的視頻包裝留下了很大的發(fā)揮空間。視頻包裝流程如圖6所示。

          圖6 包裝流程圖

          基于播放器組合接力原理以及包裝定制等能力,云剪輯播放器實(shí)現(xiàn)了視頻剪輯的實(shí)時(shí)預(yù)覽功能,且效果與云端轉(zhuǎn)碼效果一致。同時(shí)從高性能、可維護(hù)性等角度出發(fā),我們對(duì)播放器架構(gòu)按播放控制、核心、包裝進(jìn)行分層設(shè)計(jì)。圖7是剪輯預(yù)覽播放器的整體架構(gòu)圖。

          圖7 剪輯播放器架構(gòu)圖


          3 視頻剪輯軌道如何實(shí)現(xiàn)

          視頻制作本身是用戶與工具強(qiáng)交互的行為。云剪輯是一個(gè)在線視頻制作工具,相比桌面程序的劣勢(shì)主要在性能與交互上,其中視頻剪輯軌道是視頻制作工具Web化的難點(diǎn)。在實(shí)現(xiàn)復(fù)雜的、可定制化的視頻制作功能的基礎(chǔ)上,還要保證操作流暢性。我們通過(guò)功能分層與結(jié)構(gòu)優(yōu)化等多種方式來(lái)解決這些問(wèn)題,圖8是剪輯軌道整體的功能架構(gòu)圖:

          圖8 剪輯軌道架構(gòu)圖

          剪輯軌道需求在各個(gè)視頻剪輯任務(wù)中差別較大,有的只需要視頻軌道,有的需要視頻和音頻軌道,有的需要簡(jiǎn)單的包裝或者貼圖軌道。基于視頻剪輯的多元化的需求,我們需要將軌道部分打造成可定制化的組件。眾多的組件和復(fù)雜的交互使得代碼結(jié)構(gòu)是否合理就非常必要,因此我們對(duì)組件的開發(fā)方式和結(jié)構(gòu)均進(jìn)行了整理。圖9是剪輯軌道簡(jiǎn)化后的代碼結(jié)構(gòu)圖:

          圖9 代碼結(jié)構(gòu)圖

          結(jié)構(gòu)的清晰保證了大型復(fù)雜程序的可擴(kuò)展性和可維護(hù)性,也保證了多元化的業(yè)務(wù)需求得到滿足。


          4 云剪輯中間層:Node是前端與后端之間的橋梁

          我們會(huì)通過(guò)Node中間層來(lái)解決接口整合、臨時(shí)數(shù)據(jù)存儲(chǔ)、前后端交互的數(shù)據(jù)一致性等問(wèn)題。對(duì)于后端來(lái)說(shuō),只需提供原始數(shù)據(jù)而不必過(guò)多關(guān)注前端對(duì)接口數(shù)據(jù)格式的要求,更加專注于自身業(yè)務(wù)。對(duì)前端來(lái)說(shuō),獲得了定制化的接口數(shù)據(jù),也能夠減少前端發(fā)起請(qǐng)求的次數(shù)。云剪輯中間層架構(gòu)如下圖10所示:

          圖10 愛奇藝云剪輯中間層架構(gòu)圖

          其中Nginx轉(zhuǎn)發(fā)無(wú)需經(jīng)過(guò)中間層處理的請(qǐng)求,提供靜態(tài)資源服務(wù)。Node處理業(yè)務(wù)邏輯,負(fù)責(zé)與創(chuàng)作中臺(tái)的交互。云剪輯中間層采用了自研的qiyi-wings框架,在Koa2的基礎(chǔ)上,劃分了router、controller、service、model、dao等層次。業(yè)務(wù)模塊之間相互分離,模塊內(nèi)部按層次劃分。代碼架構(gòu)如下圖11所示:

          圖11 中間層代碼架構(gòu)圖


          5 Web端整體架構(gòu)

          我們通過(guò)Web端系統(tǒng)與代碼架構(gòu)設(shè)計(jì)解決數(shù)量龐大的前端代碼帶來(lái)的代碼維護(hù)與可擴(kuò)展性問(wèn)題。


          5.1. Web端系統(tǒng)架構(gòu)

          在云剪輯工具中,用戶需要在軌道上對(duì)素材進(jìn)行剪裁、拼接、調(diào)整出入點(diǎn)、修改倍速等一系列操作,最后在播放器中預(yù)覽成片。在整個(gè)操作過(guò)程中,平臺(tái)定時(shí)保存視頻中間態(tài)到服務(wù)端數(shù)據(jù)庫(kù)。當(dāng)頁(yè)面刷新時(shí),從服務(wù)端獲取中間態(tài)恢復(fù)視頻,支持繼續(xù)編輯。

          圖12 數(shù)據(jù)流程圖

          如圖12所示,云剪輯工具提供海量的音視頻素材以及多種多樣的文字模板,

          云剪輯工具以軌道數(shù)據(jù)為中心,軌道數(shù)據(jù)一旦發(fā)生變化(素材拖拽到軌道、軌道內(nèi)操作素材、配置區(qū)修改素材),會(huì)觸發(fā)數(shù)據(jù)分發(fā)流程,軌道將自身數(shù)據(jù)分發(fā)到播放器、特效包裝層、素材配置區(qū),這些模塊將分發(fā)的數(shù)據(jù)經(jīng)過(guò)處理,轉(zhuǎn)化為自身需要的格式展示出來(lái)。以軌道數(shù)據(jù)為中心的機(jī)制使得軌道可支持全局范圍內(nèi)的撤銷重做,不僅僅是軌道上的修改。

          5.2. Web前端代碼架構(gòu)

          云剪輯前端工程是基于Vue+QUI2.0搭建的,QUI2.0是愛奇藝前端團(tuán)隊(duì)孵化出來(lái)的組件庫(kù)。它是基于Vue的Web端開發(fā)套件,旨在為企業(yè)級(jí)應(yīng)用開發(fā)提供統(tǒng)一的前端解決方案,包括基礎(chǔ)組件、工程框架和工具命令等。前端工程是包含多個(gè)模塊的單頁(yè)面應(yīng)用。src目錄下的代碼結(jié)構(gòu)如下圖13所示。

          圖13 前端代碼結(jié)構(gòu)圖

          其中editor模塊按照功能劃分為六部分,項(xiàng)目配置區(qū)project,素材區(qū)material,軌道區(qū)track,播放器區(qū)video,裝飾器特效區(qū)decorator,視頻發(fā)布區(qū)forms。每個(gè)部分有相應(yīng)的store存儲(chǔ)數(shù)據(jù),實(shí)現(xiàn)數(shù)據(jù)統(tǒng)一管理與共享。

          前端工程請(qǐng)求服務(wù)端數(shù)據(jù)的流程如下圖14。

          圖14 前端數(shù)據(jù)流程圖


          6 總結(jié)

          通過(guò)結(jié)構(gòu)化的代碼分層、嚴(yán)格的流程控制、精細(xì)的交互設(shè)計(jì),利用Web技術(shù)實(shí)現(xiàn)了復(fù)雜的音視頻編輯。隨著Web技術(shù)的不斷發(fā)展與完善,其性能與交互也將越來(lái)越接近甚至超越桌面程序。云剪輯的Web端架構(gòu)也會(huì)隨著時(shí)代不斷進(jìn)步,后續(xù)我們也將引入Web Assembly實(shí)現(xiàn)解碼和計(jì)算,引入AI技術(shù)為視頻賦能等。目前愛奇藝云剪輯只提供給愛奇藝內(nèi)部的制作團(tuán)隊(duì)使用,未來(lái)將對(duì)外開放,為外部工作室、小團(tuán)隊(duì)、個(gè)人制作者提供高效便捷的創(chuàng)作能力,讓大家享用Web+云服務(wù)+AI技術(shù)的便利,有效降低視頻創(chuàng)作門檻,提高制作生產(chǎn)效率。

          日實(shí)習(xí)

          北京地區(qū)

          、天弘基金、愛奇藝、滴滴出行

          上海地區(qū)

          西門子、上海東方證券資本投資有限公司

          廣州地區(qū)

          維他奶、網(wǎng)易游戲

          深圳地區(qū)

          中信銀行、iPIN

          北京地區(qū)

          【招聘崗位】HR 實(shí)習(xí)生

          【工作地點(diǎn)】北京市

          【崗位描述】

          1. 協(xié)助招聘,電話預(yù)約、協(xié)調(diào)候選人、面試官時(shí)間,并安排面試

          2. 基礎(chǔ)崗位招聘,網(wǎng)絡(luò)篩選簡(jiǎn)歷、并進(jìn)行電話面試

          3. 協(xié)助進(jìn)行員工入職、離職、績(jī)效的管理工作

          4. 協(xié)助進(jìn)行招聘渠道維護(hù)的相關(guān)工作

          5. 協(xié)助進(jìn)行人力資源相關(guān)的數(shù)據(jù)統(tǒng)計(jì)工作

          【崗位要求】

          1. 在讀 2018 屆準(zhǔn)備讀研/出國(guó)的同學(xué),2020 年畢業(yè)的本科或研究生

          2. 2019 屆畢業(yè)準(zhǔn)備就業(yè)的同學(xué)請(qǐng)勿投遞,請(qǐng)直接參加校招

          3. 熟練運(yùn)用 Excel、Word、PPT 等辦公軟件

          4. 為人正直、親和力好、耐心、細(xì)致、認(rèn)真、負(fù)責(zé),抗壓

          5. 善與人溝通、邏輯思維能力及應(yīng)變能力較好,富于團(tuán)隊(duì)協(xié)助精神

          6. 盡快入職,能夠連續(xù)實(shí)習(xí) 3 個(gè)月及以上,每周出勤 4 天及以上者優(yōu)先

          【崗位待遇】

          薪資為 120 元/天

          【應(yīng)聘方式】

          1. 投遞郵箱:wanglijun.006@bytedance.com

          2. 郵件命名:姓名+學(xué)校+專業(yè)+應(yīng)聘崗位

          天弘基金

          【招聘崗位】大數(shù)據(jù)股權(quán)投資部實(shí)習(xí)生

          【工作地點(diǎn)】北京

          【崗位描述】

          1. 協(xié)助項(xiàng)目經(jīng)理完成行業(yè)分析及盡調(diào)報(bào)告等工作

          2. 對(duì)標(biāo)的項(xiàng)目開展盡職調(diào)查、參與專家訪談等

          3. 項(xiàng)目經(jīng)理要求的其他工作

          【崗位要求】

          1. 名校本科及以上(在讀),金融、財(cái)務(wù)、經(jīng)濟(jì)、計(jì)算機(jī)、法律等專業(yè),理工與金融雙背景優(yōu)先

          2. 對(duì)投資行業(yè)有興趣者優(yōu)先

          3. 具有較強(qiáng)的團(tuán)隊(duì)協(xié)作意識(shí)和良好的信息搜集能力

          4. 每周實(shí)習(xí) 4 天以上,至少三個(gè)月

          5. 致力于在投資行業(yè)長(zhǎng)期發(fā)展,善于自我激勵(lì),能夠在壓力下獨(dú)立完成任務(wù)

          【應(yīng)聘方式】

          1. 投遞郵箱:lushiyi@thfund.com.cn

          2. 郵件命名:學(xué)校+專業(yè)+年級(jí)+姓名+畢業(yè)時(shí)間+實(shí)習(xí)開始時(shí)間+每周實(shí)習(xí)天數(shù)

          愛奇藝

          【招聘崗位】法務(wù)實(shí)習(xí)生

          1. 負(fù)責(zé)法律部基礎(chǔ)合同、法律文件的核對(duì)、蓋章等工作

          2. 負(fù)責(zé)法律部版權(quán)文件的審核

          3. 配合公司內(nèi)審、外審查找資料

          4. 負(fù)責(zé)部分線上流程的發(fā)起、審批工作

          【崗位要求】

          1. 在校大學(xué)生,CET-4 級(jí)及以上水平,可連續(xù)實(shí)習(xí)至少 3 個(gè)月,每周至少可實(shí)習(xí) 4 個(gè)工作日

          2. 可熟練操作計(jì)算機(jī),熟悉各種辦公軟件

          3. 能夠承擔(dān)一定的工作壓力,適應(yīng)能力強(qiáng),具備良好的溝通能力

          4. 工作效率高,勤奮、負(fù)責(zé)、踏實(shí),樂觀開朗

          5. 有實(shí)習(xí)經(jīng)歷,特別是互聯(lián)網(wǎng)、媒體實(shí)習(xí)經(jīng)歷者優(yōu)先,通過(guò)司法考試者優(yōu)先

          【應(yīng)聘方式】

          1. 投遞郵箱:mafengyun@qiyi.com

          2. 郵件命名:姓名-學(xué)校-可實(shí)習(xí)時(shí)長(zhǎng)

          滴滴出行

          【招聘崗位】策略運(yùn)營(yíng)實(shí)習(xí)生

          1. 協(xié)助參與對(duì)滴滴司機(jī)創(chuàng)新性激勵(lì)方案的制定,包括設(shè)計(jì)實(shí)驗(yàn)方案、建立評(píng)估標(biāo)準(zhǔn)、監(jiān)控方案執(zhí)行、評(píng)估方案結(jié)果等

          2. 對(duì)海量數(shù)據(jù)進(jìn)行分析處理,保證優(yōu)質(zhì)數(shù)據(jù)的輸出,產(chǎn)出有效的結(jié)論,撰寫項(xiàng)目分析報(bào)告

          3. 協(xié)助參與公司內(nèi)大數(shù)據(jù)、商業(yè)分析等團(tuán)隊(duì)的合作,基于運(yùn)營(yíng)需要和數(shù)據(jù)洞察,提出產(chǎn)品、技術(shù)需求,并參與方案落地

          【崗位要求】

          1. 能熟練使用 Excel、PPT 等辦公軟件,熟悉 SQL、R 等數(shù)據(jù)分析工具,有較強(qiáng)的數(shù)據(jù)敏感度

          2. 有經(jīng)濟(jì)學(xué)、計(jì)算機(jī)、統(tǒng)計(jì)學(xué)等專業(yè)背景優(yōu)先

          3. 有數(shù)據(jù)分析實(shí)習(xí)實(shí)驗(yàn)、互聯(lián)網(wǎng)運(yùn)營(yíng)實(shí)習(xí)經(jīng)驗(yàn)優(yōu)先

          4. 思維敏捷,有較強(qiáng)的鉆研學(xué)習(xí)能力,較好的溝通能力、文字處理能力和團(tuán)隊(duì)合作能力

          5. 一周工作時(shí)間五天,至少能實(shí)習(xí) 3 個(gè)月

          6. 至少在校大二或以上年級(jí),大四或研二、研三優(yōu)先

          【應(yīng)聘方式】

          1. 投遞郵箱:evarenfang@didichuxing.com

          西門子

          【招聘崗位】軟件技術(shù)支持實(shí)習(xí)生

          【工作地點(diǎn)】上海市

          【崗位職責(zé)】

          1. 在西門子工業(yè)軟件高級(jí)工程師帶領(lǐng)下,專注于制造執(zhí)行系統(tǒng),質(zhì)量管理系統(tǒng),生產(chǎn)管理軟件,計(jì)劃排程類軟件的應(yīng)用解決方案

          2. 為客戶提供關(guān)鍵項(xiàng)目的系統(tǒng)數(shù)據(jù),文檔準(zhǔn)備和解決方案設(shè)計(jì)等工作

          【任職要求】

          1. 研究生一年級(jí)或者二年級(jí),計(jì)算機(jī)相關(guān)專業(yè)

          2. 有過(guò)開發(fā) WEB 網(wǎng)頁(yè)者優(yōu)先(熟悉 C++、HTML5、Angularjs)

          【崗位待遇】

          薪資為 2000-3000 元/月

          【應(yīng)聘方式】

          1. 投遞郵箱:liuchang@siemens.com

          2. 郵件命名:姓名+學(xué)校+專業(yè)+應(yīng)聘崗位

          上海東方證券資本投資有限公司

          【招聘崗位】基金運(yùn)營(yíng)實(shí)習(xí)生

          【工作地點(diǎn)】上海市復(fù)興東路外灘

          【崗位描述】

          1. 配合完成基金運(yùn)行相關(guān)輔助工作

          2. 配合來(lái)訪客戶的接待、基本咨詢和引見

          3. 配合完成文秘、檔案、用印等行政事務(wù)事務(wù)性工作

          4. 其他支持性工作

          【崗位要求】

          1. 全日制本科或碩士在讀學(xué)生

          2. 熟練使用 MS Office

          3. 每周至少能實(shí)習(xí) 4 個(gè)工作日,能保證長(zhǎng)期實(shí)習(xí)者優(yōu)先

          4. 具有較強(qiáng)的學(xué)習(xí)能力、溝通能力

          5. 工作踏實(shí)、穩(wěn)重

          【應(yīng)聘方式】

          1. 投遞郵箱:jiaweizhen@orientsec.com.cn

          2. 郵件命名:崗位-姓名-學(xué)校

          廣州地區(qū)

          維他奶

          【招聘崗位】HR Intern

          【工作地點(diǎn)】廣州東站中泰國(guó)際廣場(chǎng)北塔 37 樓

          【崗位描述】

          1. 負(fù)責(zé)維他奶中國(guó)內(nèi)部溝通平臺(tái)(微信企業(yè)號(hào))的運(yùn)營(yíng)、文案編寫、海報(bào)設(shè)計(jì)、美工創(chuàng)意等工作

          2. 參與員工活動(dòng)創(chuàng)意方案(線上/線下)討論、設(shè)計(jì)、撰寫及執(zhí)行,盡情發(fā)揮你的腦洞和創(chuàng)意,提高員工體驗(yàn)

          3. 其他支持性工作

          【崗位要求】

          1. 我們希望你 Idea 越多越好,熱衷于策劃和設(shè)計(jì)工作,關(guān)注新鮮創(chuàng)意,并且有好奇心和想法去實(shí)現(xiàn)它

          2. 熟練操作 PPT、PS 等軟件

          3. 有較強(qiáng)的學(xué)習(xí)與解決問(wèn)題的能力,良好的組織規(guī)劃和溝通協(xié)調(diào)能力

          4. 做事細(xì)心認(rèn)真,責(zé)任心強(qiáng),具有一定抗壓能力和創(chuàng)新意識(shí)

          5. 有公眾號(hào)運(yùn)營(yíng)經(jīng)驗(yàn)及策劃組織校園社團(tuán)活動(dòng)者優(yōu)先

          6. 每周 4 天,可持續(xù)實(shí)習(xí) 3 個(gè)月以上,6 月到崗

          7. 本科大二、大三、大四學(xué)生,專業(yè)不限

          【崗位待遇】

          1. 具有競(jìng)爭(zhēng)力的實(shí)習(xí)薪酬 150 元/天,不扣稅

          2. 上癮維他檸檬茶、維他奶任性喝

          3. 提供轉(zhuǎn)正機(jī)會(huì)

          【應(yīng)聘方式】

          1. 投遞郵箱:VitasoyHR@yeah.net(請(qǐng)附帶相關(guān)作品)

          2. 郵件命名:學(xué)校-名字-年級(jí)-每周幾天-到崗時(shí)間

          網(wǎng)易游戲

          【招聘崗位】新媒體運(yùn)營(yíng)實(shí)習(xí)生

          【工作地點(diǎn)】廣州市天河區(qū)金穗路 62 號(hào)僑鑫國(guó)際大廈

          【崗位描述】

          1. 負(fù)責(zé)部門微博、抖音、微信等新媒體的運(yùn)營(yíng)工作,主要包括日常編輯,活動(dòng)發(fā)布,配合公眾號(hào)開發(fā)等工作

          2. 負(fù)責(zé)視頻的創(chuàng)意策劃、設(shè)計(jì),素材的收集、處理,以及基本的視頻編輯和制作

          【崗位要求】

          本崗位對(duì)游戲經(jīng)歷有一定要求,請(qǐng)務(wù)必在簡(jiǎn)歷中注明自己的游戲經(jīng)歷

          【崗位待遇】

          2500 元/月,提供免費(fèi)午餐晚餐

          【應(yīng)聘方式】

          1. 投遞郵箱:wangyiyouxizp@163.com

          2. 郵件命名:新媒體實(shí)習(xí)生-廣州]姓名-學(xué)校-專業(yè)-每周可實(shí)習(xí)天數(shù)(不含周末)-可持續(xù)幾個(gè)月

          深圳地區(qū)

          中信銀行

          【招聘崗位】客服專員(50 人)

          【工作地點(diǎn)】深圳市布吉中海信產(chǎn)業(yè)園

          【崗位描述】

          1. 信用卡業(yè)務(wù)處理,通過(guò)中信銀行 400 服務(wù)熱線,在線解決客戶各種業(yè)務(wù)需求,如提高信用額度、分期還款、賬戶查詢等(此崗位是呼入客服代表,只負(fù)責(zé)接聽客戶的來(lái)電,非銷售崗位)

          2. 信用卡服務(wù)顧問(wèn),引導(dǎo)客戶合理使用信用卡,讓客戶充分了解信用卡各種優(yōu)惠活動(dòng)及特色活動(dòng),并享受信用卡帶來(lái)的便利

          3. 客戶服務(wù)品質(zhì)提升,收集并反饋客戶建議,推動(dòng)中信銀行信用卡客戶服務(wù)流程優(yōu)化,提升客戶滿意度

          【崗位要求】

          1. 年齡 35 歲以下,全日制大專以上學(xué)歷,專業(yè)不限,接收 2018 屆應(yīng)屆畢業(yè)生

          2. 普通話標(biāo)準(zhǔn),表達(dá)流利,身體健康

          3. 每周工作五天,每天八小時(shí),輪班制

          4. 實(shí)習(xí)期為三個(gè)月,取得畢業(yè)證后可轉(zhuǎn)正

          【崗位待遇】

          1. 實(shí)習(xí)補(bǔ)貼 4000 元以上/月,轉(zhuǎn)正后 7000+ 元/月

          2. 提供工作餐,有過(guò)節(jié)費(fèi)、醫(yī)療基金、福利卡、通訊補(bǔ)貼等福利,過(guò)節(jié)費(fèi) 7500 元/年,4 次季度獎(jiǎng) 1 次年終獎(jiǎng)五位數(shù)

          3. 提供住房公積金、五險(xiǎn)一金、意外傷害保險(xiǎn)等

          4. 提供相關(guān)專業(yè)培訓(xùn),有各式各樣的娛樂設(shè)施和團(tuán)建活動(dòng)

          5. 表現(xiàn)優(yōu)秀者可正式編制

          【應(yīng)聘方式】

          1. 投遞郵箱:3450875221@qq.com

          2. 郵件命名:姓名+聯(lián)系電話+學(xué)歷+2018 屆/往屆

          iPIN

          【招聘崗位】運(yùn)營(yíng)實(shí)習(xí)崗(新媒體)

          【工作地點(diǎn)】深圳市南山區(qū)科興科學(xué)園 B3 18 樓

          【崗位描述】

          1. 負(fù)責(zé)官方自媒體平臺(tái)(微信公眾號(hào)、、知乎等等)的日常內(nèi)容的撰寫和運(yùn)營(yíng)

          2. 收集、研究網(wǎng)絡(luò)熱點(diǎn)話題,結(jié)合新媒體特性,對(duì)內(nèi)容的實(shí)時(shí)調(diào)整和更新

          3. 完成上級(jí)交代的任務(wù),能獨(dú)當(dāng)一面

          【崗位要求】

          1. 全日制在校大學(xué)生,中文學(xué)、新聞學(xué)、教育學(xué)、師范專業(yè)等相關(guān)專業(yè)優(yōu)先

          2. 具有較強(qiáng)的新聞、熱點(diǎn)敏敢性,有較強(qiáng)的文案功底

          3. 網(wǎng)感好,創(chuàng)意優(yōu),執(zhí)行力強(qiáng),有良好的策略思考能力并能獨(dú)立撰寫方案,一定程度掌握?qǐng)D片處理軟件優(yōu)先

          4. 知識(shí)面廣,思維活躍,工作主動(dòng),有責(zé)任感,能承受較大的工作壓力

          5. 有新媒體運(yùn)營(yíng)經(jīng)驗(yàn)優(yōu)先;有微博和微信等內(nèi)容運(yùn)營(yíng)成功案例者優(yōu)先

          6. 良好團(tuán)隊(duì)合作精神,較強(qiáng)的執(zhí)行力,獨(dú)立思考能力 ,觀察力和應(yīng)變能力

          7. 有互聯(lián)網(wǎng)科技類公司經(jīng)驗(yàn)、對(duì)教育行業(yè)有一定見解者優(yōu)先

          【應(yīng)聘方式】

          1. 投遞郵箱:hr@ipin.com(簡(jiǎn)歷需附帶作品)

          2. 郵件命名:應(yīng)聘崗位-姓名-學(xué)校

          剪輯是集視頻制作、生產(chǎn)、分發(fā)等為一體的在線視頻制作平臺(tái),具備工具及服務(wù)兩方面能力:工具方面,云剪輯具備全面視頻剪輯能力,相比行業(yè)中其他在線剪輯工具能力更強(qiáng)大,支持范圍包括多軌道音視頻合成、音視頻素材的裁剪、切割、拖拽,貼片貼字設(shè)置和音頻編輯等;服務(wù)方面,云剪輯平臺(tái)支持各種業(yè)務(wù)調(diào)用、視頻制作和分發(fā)以及視頻制作狀態(tài)查詢等服務(wù)。

          圖1 愛奇藝云剪輯編輯預(yù)覽頁(yè)面

          隨著Web端技術(shù)的不斷發(fā)展,尤其是HTML5標(biāo)準(zhǔn)的發(fā)布和實(shí)施,前端不僅能夠?qū)崿F(xiàn)友好的界面展示、交互,還能夠?qū)崿F(xiàn)對(duì)流媒體數(shù)據(jù)的操作和渲染。Web端能力不斷的增強(qiáng),Web應(yīng)用功能越來(lái)越復(fù)雜,對(duì)性能要求也越來(lái)越高。當(dāng)用桌面軟件進(jìn)行音視頻數(shù)據(jù)的編輯時(shí)不僅對(duì)機(jī)器性能有較高的要求,還耗費(fèi)大量轉(zhuǎn)碼時(shí)間。愛奇藝云剪輯則通過(guò)Web技術(shù)優(yōu)化實(shí)現(xiàn)在線音視頻制作,云服務(wù)實(shí)現(xiàn)轉(zhuǎn)碼,有效降低了用戶的PC性能要求,還提升了轉(zhuǎn)碼性能與速度。

          云剪輯的主要功能有:

          1、視頻剪切、拼接等基礎(chǔ)功能

          2、視頻軌道縮放、拖拽基本交互

          3、視頻貼字、貼圖等基本包裝能力

          4、視頻效果實(shí)時(shí)預(yù)覽

          5、視頻的在線轉(zhuǎn)碼能力

          這里前面4點(diǎn)都需要在瀏覽器端完成,基于Web技術(shù)在瀏覽器端實(shí)現(xiàn)類似桌面的大型編輯軟件有很多技術(shù)難點(diǎn):

          首先,如何在Web實(shí)現(xiàn)模擬播放,實(shí)現(xiàn)所見即所得;

          其次,在Web端進(jìn)行復(fù)雜的操作時(shí),瀏覽器資源消耗較大,如何保證良好的交互體驗(yàn)和性能;

          再有,視頻制作除了剪切與拼接外,如貼字、貼圖、濾鏡等效果疊加,也需要瀏覽器端來(lái)進(jìn)行模擬,且需要與服務(wù)端保持一致,這也是一個(gè)技術(shù)難點(diǎn)。

          下面我們來(lái)看下愛奇藝技術(shù)團(tuán)隊(duì)如何通過(guò)Web技術(shù)在云剪輯中實(shí)現(xiàn)在線的音視頻編輯的。



          1 云剪輯架構(gòu)設(shè)計(jì)的挑戰(zhàn)

          云剪輯把PC桌面程序的功能遷移到云端。本來(lái)在一臺(tái)計(jì)算機(jī)上運(yùn)行的程序,現(xiàn)在由多臺(tái)計(jì)算機(jī)分別完成。之前由一個(gè)程序不同模塊執(zhí)行的計(jì)算,現(xiàn)在通過(guò)網(wǎng)絡(luò)相連的不同的服務(wù)協(xié)調(diào)完成。這就給云剪輯的架構(gòu)設(shè)計(jì)帶來(lái)了很大的挑戰(zhàn)。

          如圖2所示,愛奇藝云剪輯整體架構(gòu)分為四個(gè)部分:

          圖2 愛奇藝云剪輯整體架構(gòu)圖

          Web客戶端:負(fù)責(zé)與用戶的具體交互操作,包括素材導(dǎo)入、視頻剪輯和效果實(shí)時(shí)預(yù)覽。具體功能可參考圖3。

          Node中間層:主要功能為項(xiàng)目和視頻數(shù)據(jù)接收、轉(zhuǎn)發(fā)、保存等。

          創(chuàng)作中臺(tái):為云剪輯提供視頻制作、轉(zhuǎn)碼、分發(fā)等業(yè)務(wù)處理和調(diào)度。

          云平臺(tái):提供基礎(chǔ)支撐,如音視頻轉(zhuǎn)碼、存儲(chǔ)分發(fā)等。

          圖3 Web端產(chǎn)品架構(gòu)圖


          2 云剪輯實(shí)時(shí)預(yù)覽的技術(shù)原理

          視頻剪輯效果的實(shí)時(shí)預(yù)覽,成為云剪輯工具的一個(gè)技術(shù)難點(diǎn)。愛奇藝云剪輯播放器,創(chuàng)造性的通過(guò)多個(gè)播放器實(shí)例組合接力的模式,實(shí)現(xiàn)了多個(gè)視頻裁剪、切割、拼接后實(shí)時(shí)預(yù)覽的目的。剪輯預(yù)覽播放器的原理如圖4所示:

          圖4 剪輯預(yù)覽播放器原理圖

          多個(gè)視頻播放器實(shí)例組合成為一個(gè)視頻播放器,使用canvas投影整合視頻畫面。那么要解決下面的問(wèn)題:


          2.1. 多組視頻播放器以及播放次序組織問(wèn)題

          將視頻播放器的實(shí)例分別放入不同的視頻小組中。視頻小組是視頻整合的更高一級(jí)虛擬形式。每個(gè)視頻小組中,加入數(shù)量不等的視頻實(shí)例,視頻小組分工不同,有的小組負(fù)責(zé)預(yù)加載,有的小組負(fù)責(zé)投影,有的小組負(fù)責(zé)轉(zhuǎn)換。視頻小組互相補(bǔ)充,互相接力,又互相制約,通過(guò)這種方式將有效解決視頻拼接播放流暢性的問(wèn)題。

          2.2. 視頻在切換、跳轉(zhuǎn)時(shí)如何保證待播的資源準(zhǔn)備得當(dāng)

          當(dāng)視頻跳轉(zhuǎn)(seek)播放時(shí),不能預(yù)測(cè)用戶要播放哪個(gè)視頻的哪個(gè)片段,也就談不上提前準(zhǔn)備資源了。但是我們經(jīng)過(guò)大量的實(shí)際驗(yàn)證發(fā)現(xiàn),打造一個(gè)專門用來(lái)緩存歷史數(shù)據(jù)的視頻小組,能有效提高命中預(yù)加載視頻的幾率。所以將其他視頻小組中暫時(shí)不用的資源聚合到緩存視頻小組,緩存視頻小組再通過(guò)自己靈活介入的優(yōu)勢(shì),將緩存數(shù)據(jù)最大限度的復(fù)用,這樣就最大限度的解決跳轉(zhuǎn)播放時(shí)出現(xiàn)的卡頓現(xiàn)象。具體流程如圖5所示:

          圖5 預(yù)覽播放器流程圖

          利用多個(gè)視頻實(shí)例組合播放,對(duì)視頻格式有比較好的兼容性與穩(wěn)定性。通過(guò)分組的方式整合播放資源,有效的提升了資源的利用率,降低了內(nèi)存占用。

          解決了視頻預(yù)覽的問(wèn)題,還要加入各種各樣的包裝定制和特效功能,因?yàn)樵萍糨嫷念A(yù)覽播放器畫面是投影在canvas元素上的,這就給我們的視頻包裝留下了很大的發(fā)揮空間。視頻包裝流程如圖6所示。

          圖6 包裝流程圖

          基于播放器組合接力原理以及包裝定制等能力,云剪輯播放器實(shí)現(xiàn)了視頻剪輯的實(shí)時(shí)預(yù)覽功能,且效果與云端轉(zhuǎn)碼效果一致。同時(shí)從高性能、可維護(hù)性等角度出發(fā),我們對(duì)播放器架構(gòu)按播放控制、核心、包裝進(jìn)行分層設(shè)計(jì)。圖7是剪輯預(yù)覽播放器的整體架構(gòu)圖。

          圖7 剪輯播放器架構(gòu)圖


          3 視頻剪輯軌道如何實(shí)現(xiàn)

          視頻制作本身是用戶與工具強(qiáng)交互的行為。云剪輯是一個(gè)在線視頻制作工具,相比桌面程序的劣勢(shì)主要在性能與交互上,其中視頻剪輯軌道是視頻制作工具Web化的難點(diǎn)。在實(shí)現(xiàn)復(fù)雜的、可定制化的視頻制作功能的基礎(chǔ)上,還要保證操作流暢性。我們通過(guò)功能分層與結(jié)構(gòu)優(yōu)化等多種方式來(lái)解決這些問(wèn)題,圖8是剪輯軌道整體的功能架構(gòu)圖:

          圖8 剪輯軌道架構(gòu)圖

          剪輯軌道需求在各個(gè)視頻剪輯任務(wù)中差別較大,有的只需要視頻軌道,有的需要視頻和音頻軌道,有的需要簡(jiǎn)單的包裝或者貼圖軌道。基于視頻剪輯的多元化的需求,我們需要將軌道部分打造成可定制化的組件。眾多的組件和復(fù)雜的交互使得代碼結(jié)構(gòu)是否合理就非常必要,因此我們對(duì)組件的開發(fā)方式和結(jié)構(gòu)均進(jìn)行了整理。圖9是剪輯軌道簡(jiǎn)化后的代碼結(jié)構(gòu)圖:

          圖9 代碼結(jié)構(gòu)圖

          結(jié)構(gòu)的清晰保證了大型復(fù)雜程序的可擴(kuò)展性和可維護(hù)性,也保證了多元化的業(yè)務(wù)需求得到滿足。


          4 云剪輯中間層:Node是前端與后端之間的橋梁

          我們會(huì)通過(guò)Node中間層來(lái)解決接口整合、臨時(shí)數(shù)據(jù)存儲(chǔ)、前后端交互的數(shù)據(jù)一致性等問(wèn)題。對(duì)于后端來(lái)說(shuō),只需提供原始數(shù)據(jù)而不必過(guò)多關(guān)注前端對(duì)接口數(shù)據(jù)格式的要求,更加專注于自身業(yè)務(wù)。對(duì)前端來(lái)說(shuō),獲得了定制化的接口數(shù)據(jù),也能夠減少前端發(fā)起請(qǐng)求的次數(shù)。云剪輯中間層架構(gòu)如下圖10所示:

          圖10 愛奇藝云剪輯中間層架構(gòu)圖

          其中Nginx轉(zhuǎn)發(fā)無(wú)需經(jīng)過(guò)中間層處理的請(qǐng)求,提供靜態(tài)資源服務(wù)。Node處理業(yè)務(wù)邏輯,負(fù)責(zé)與創(chuàng)作中臺(tái)的交互。云剪輯中間層采用了自研的qiyi-wings框架,在Koa2的基礎(chǔ)上,劃分了router、controller、service、model、dao等層次。業(yè)務(wù)模塊之間相互分離,模塊內(nèi)部按層次劃分。代碼架構(gòu)如下圖11所示:

          圖11 中間層代碼架構(gòu)圖


          5 Web端整體架構(gòu)

          我們通過(guò)Web端系統(tǒng)與代碼架構(gòu)設(shè)計(jì)解決數(shù)量龐大的前端代碼帶來(lái)的代碼維護(hù)與可擴(kuò)展性問(wèn)題。


          5.1. Web端系統(tǒng)架構(gòu)

          在云剪輯工具中,用戶需要在軌道上對(duì)素材進(jìn)行剪裁、拼接、調(diào)整出入點(diǎn)、修改倍速等一系列操作,最后在播放器中預(yù)覽成片。在整個(gè)操作過(guò)程中,平臺(tái)定時(shí)保存視頻中間態(tài)到服務(wù)端數(shù)據(jù)庫(kù)。當(dāng)頁(yè)面刷新時(shí),從服務(wù)端獲取中間態(tài)恢復(fù)視頻,支持繼續(xù)編輯。

          圖12 數(shù)據(jù)流程圖

          如圖12所示,云剪輯工具提供海量的音視頻素材以及多種多樣的文字模板,

          云剪輯工具以軌道數(shù)據(jù)為中心,軌道數(shù)據(jù)一旦發(fā)生變化(素材拖拽到軌道、軌道內(nèi)操作素材、配置區(qū)修改素材),會(huì)觸發(fā)數(shù)據(jù)分發(fā)流程,軌道將自身數(shù)據(jù)分發(fā)到播放器、特效包裝層、素材配置區(qū),這些模塊將分發(fā)的數(shù)據(jù)經(jīng)過(guò)處理,轉(zhuǎn)化為自身需要的格式展示出來(lái)。以軌道數(shù)據(jù)為中心的機(jī)制使得軌道可支持全局范圍內(nèi)的撤銷重做,不僅僅是軌道上的修改。

          5.2. Web前端代碼架構(gòu)

          云剪輯前端工程是基于Vue+QUI2.0搭建的,QUI2.0是愛奇藝前端團(tuán)隊(duì)孵化出來(lái)的組件庫(kù)。它是基于Vue的Web端開發(fā)套件,旨在為企業(yè)級(jí)應(yīng)用開發(fā)提供統(tǒng)一的前端解決方案,包括基礎(chǔ)組件、工程框架和工具命令等。前端工程是包含多個(gè)模塊的單頁(yè)面應(yīng)用。src目錄下的代碼結(jié)構(gòu)如下圖13所示。

          圖13 前端代碼結(jié)構(gòu)圖

          其中editor模塊按照功能劃分為六部分,項(xiàng)目配置區(qū)project,素材區(qū)material,軌道區(qū)track,播放器區(qū)video,裝飾器特效區(qū)decorator,視頻發(fā)布區(qū)forms。每個(gè)部分有相應(yīng)的store存儲(chǔ)數(shù)據(jù),實(shí)現(xiàn)數(shù)據(jù)統(tǒng)一管理與共享。

          前端工程請(qǐng)求服務(wù)端數(shù)據(jù)的流程如下圖14。

          圖14 前端數(shù)據(jù)流程圖


          6 總結(jié)

          通過(guò)結(jié)構(gòu)化的代碼分層、嚴(yán)格的流程控制、精細(xì)的交互設(shè)計(jì),利用Web技術(shù)實(shí)現(xiàn)了復(fù)雜的音視頻編輯。隨著Web技術(shù)的不斷發(fā)展與完善,其性能與交互也將越來(lái)越接近甚至超越桌面程序。云剪輯的Web端架構(gòu)也會(huì)隨著時(shí)代不斷進(jìn)步,后續(xù)我們也將引入Web Assembly實(shí)現(xiàn)解碼和計(jì)算,引入AI技術(shù)為視頻賦能等。目前愛奇藝云剪輯只提供給愛奇藝內(nèi)部的制作團(tuán)隊(duì)使用,未來(lái)將對(duì)外開放,為外部工作室、小團(tuán)隊(duì)、個(gè)人制作者提供高效便捷的創(chuàng)作能力,讓大家享用Web+云服務(wù)+AI技術(shù)的便利,有效降低視頻創(chuàng)作門檻,提高制作生產(chǎn)效率。


          主站蜘蛛池模板: 亚洲一区AV无码少妇电影☆| 清纯唯美经典一区二区| 日本成人一区二区三区| 亚洲福利视频一区二区三区| 亚洲国产一区二区三区| 精品无码国产一区二区三区51安| 日韩AV无码一区二区三区不卡毛片 | 精品人妻一区二区三区浪潮在线| 国产人妖视频一区二区破除| 亚洲一区二区三区乱码在线欧洲| 无码人妻一区二区三区免费n鬼沢 无码人妻一区二区三区免费看 | 久久人妻av一区二区软件| 国产一区二区三区免费视频| 亚洲AV成人一区二区三区观看 | 日本精品少妇一区二区三区| 一区二区三区高清| 日韩精品一区二区三区中文精品| 久久国产精品视频一区| 亚洲av午夜福利精品一区| 国产一区二区四区在线观看| 无码精品蜜桃一区二区三区WW| 日本精品一区二区三区视频| 国产精品无码一区二区三区毛片| 亚洲国产系列一区二区三区| 日韩精品一区二区三区色欲AV| 久久中文字幕一区二区| 久久99国产精一区二区三区| 精品视频一区二区三区免费| 亚洲视频免费一区| 久久精品成人一区二区三区| 国产一区二区三区免费在线观看| 精彩视频一区二区三区| 成人免费av一区二区三区| 国产精品伦一区二区三级视频 | 男人的天堂av亚洲一区2区| 亚洲综合av一区二区三区| 精品国产一区二区三区香蕉事| 精品一区二区三区3d动漫| 国产激情精品一区二区三区| 国产一区二区三区乱码| 3d动漫精品啪啪一区二区中|