文分享自華為云社區(qū)《使用MetaStudio生產(chǎn)線四步制作數(shù)字人視頻》，作者： yd_298097624。

隨著AIGC新技術(shù)尤其是大模型技術(shù)的發(fā)展，音視頻行業(yè)、數(shù)字內(nèi)容生產(chǎn)行業(yè)正在經(jīng)歷這從生產(chǎn)方式和生產(chǎn)效率上的一個巨大變化。預(yù)測到2030年由AI大模型生成的數(shù)字內(nèi)容比例將高達(dá)90%，包括通過AIGC來生成數(shù)字人，數(shù)字人視頻等，本博文就來教大家如何用華為云MetaStudio數(shù)字內(nèi)容生產(chǎn)線制作數(shù)字人視頻。本文介紹了兩種制作數(shù)字人視頻的方式，一種直接在console上操作，另一種用API制作。

1 開通MetaStudio服務(wù)

進(jìn)入【數(shù)字內(nèi)容生產(chǎn)線MetaStudio】，在搜索框中輸入MetaStudio，點(diǎn)擊進(jìn)入服務(wù)。

點(diǎn)擊【分身數(shù)字人視頻制作】的【開通】按鈕。

點(diǎn)擊【前往MetaStudio工作臺】。

2 工作臺制作視頻

2.1 進(jìn)入分身視頻制作

點(diǎn)擊【分身視頻制作】的【開始創(chuàng)建】按鈕，進(jìn)入工作臺。

2.2 選擇數(shù)字人模型

點(diǎn)擊【角色】按鈕，可以查看所有系統(tǒng)內(nèi)置的數(shù)字人模型，選擇一個用來制作視頻。

2.3 選擇視頻背景

點(diǎn)擊【背景】按鈕，可以查看所有系統(tǒng)內(nèi)置的背景圖片，選擇一個用來制作視頻。

2.4 選擇音色和輸入視頻文案內(nèi)容

點(diǎn)擊【親切女聲】按鈕，可以查看所有系統(tǒng)內(nèi)置的音色，選擇一個用來制作視頻。
將下列文本拷貝到文本輸入框中。

MetaStudio數(shù)字內(nèi)容生產(chǎn)線依托自研的圖形引擎MetaEngine、國產(chǎn)昇騰AI云服務(wù)器算力；提供3D IP型數(shù)字人、2D分身數(shù)字人快速生成及定制服務(wù)；AI重塑數(shù)字內(nèi)容生產(chǎn)，使能視頻制作、直播、交互應(yīng)用。

2.5 合成視頻

點(diǎn)擊【合成視頻】按鈕，輸入合成視頻的文件名，點(diǎn)擊【確認(rèn)】按鈕開始合成。

可以通過刷新按鈕查看合成進(jìn)度。

視頻制作完成后，點(diǎn)擊封面，可以查看視頻內(nèi)容。

3 API制作數(shù)字人視頻

3.1 進(jìn)入API Explorer

通過下面URL進(jìn)入API Explorer。
https://console.huaweicloud.com/apiexplorer/#/openapi/MetaStudio/doc

產(chǎn)品選擇【數(shù)字內(nèi)容生產(chǎn)線】

區(qū)域選擇【華北-北京4】

3.2 查找數(shù)字人模型

通過【查詢資產(chǎn)列表】接口查詢模型資產(chǎn)。

參數(shù)設(shè)置：

asset_type：HUMAN_MODEL_2D

asset_source：SYSTEM

請求成功后，在響應(yīng)體里選擇一個模型的資產(chǎn)id，記錄下來。

3.3 查找視頻背景

通過【查詢資產(chǎn)列表】接口查詢背景資產(chǎn)。

參數(shù)設(shè)置：

asset_type：IMAGE

asset_sourc：SYSTEM

system_property：BACKGROUND_IMG:Yes

請求成功后，在響應(yīng)體里選擇一個背景資產(chǎn)的download_url，記錄下來。

注意：可以將limit設(shè)置成1，這樣響應(yīng)體不會過大。

3.4 查詢音色

通過【查詢資產(chǎn)列表】接口查詢音色資產(chǎn)。

參數(shù)設(shè)置：

asset_type：VOICE_MODEL

asset_source：SYSTEM

請求成功后，在響應(yīng)體里選擇一個音色的資產(chǎn)id，記錄下來。

3.5 創(chuàng)建視頻制作任務(wù)

通過【創(chuàng)建分身數(shù)字人視頻制作任務(wù)】接口創(chuàng)建任務(wù)。

此接口參數(shù)較多，先開啟【填寫默認(rèn)值】。

參數(shù)設(shè)置：

video_making_type：MODEL
model_asset_id：填寫3.2步驟里請求的數(shù)字人模型資產(chǎn)id
voice_config.voice_asset_id:填寫3.4步驟里請求的音色資產(chǎn)id
video_config.codec:H264
video_config.bitrate:40
video_config.width:1920
video_config.height:1080
shoot_scripts.shoot_script.text_config.text:視頻文案
shoot_scripts.shoot_script.background_config:IMAGE
shoot_scripts.shoot_script.background_config:填寫3.3步驟里請求的背景圖片下載地址
layer_config：設(shè)置為空數(shù)組
output_asset_config.asset_name:輸出視頻文件名
callback_config.callback_url:空字符串
{
“video_making_type”: “MODEL”,
“model_asset_id”: “d02595480275db780375185ead1cc3da”,
“voice_config”: {
“voice_asset_id”: “c20e1b59495d3186ef72226fb1e6701b”,
“speed”: 100,
“pitch”: 100,
“volume”: 140
},
“video_config”: {
“clip_mode”: “RESIZE”,
“codec”: “H264”,
“bitrate”: 40,
“width”: 1920,
“height”: 1080,
“frame_rate”: “25”,
“is_subtitle_enable”: false,
“subtitle_config”: {
“font_name”: “HarmonyOS_Sans_SC_Black”,
“font_size”: 16
}
},
“shoot_scripts”: [
{
“shoot_script”: {
“script_type”: “TEXT”,
“text_config”: {
“text”: “這是一個數(shù)字人視頻”
},
“background_config”: [
{
“background_type”: “IMAGE”,
“background_config”: “https://metastudio.obs.cn-north-4.myhuaweicloud.com:443/SYSTEM/d6e7dde03cab4ce06f2c3cbb19f2682c/9fd37af847980ae086c98d282570bd72.png?AWSAccessKeyId=V4JN2MVQB83TCU121H6L&Expires=1714180482&response-content-disposition=attachment%3B+filename*%3Dutf-8’’%E6%96%87%E6%97%85%E9%A3%8E3.png&x-amz-security-token=ggpjbi1ub3J0aC00TX97ImFjY2VzcyI6IlY0Sk4yTVZRQjgzVENVMTIxSDZMIiwibWV0aG9kcyI6WyJ0b2tlbiJdLCJyb2xlIjpbXSwicm9sZXRhZ2VzIjpbXSwidGltZW91dF9hdCI6MTcxNDE4NDUyOTAzMSwidXNlciI6eyJPUy1GRURFUkFUSU9OIjp7Imdyb3VwcyI6W3siaWQiOiIyMjZkYTBmNzQyZDc0MjEzOTAwNjFkZDA1YmUyMGYwZCIsIm5hbWUiOiJjc21zLW9pZGMifV0sImlkZW50aXR5X3Byb3ZpZGVyIjp7ImlkIjoib2lkYy1vcC1NU1MifSwicHJvdG9jb2wiOnsiaWQiOiJvaWRjIn19LCJkb21haW4iOnsiaWQiOiIyZGQwYjdlMTI0MWY0ZDNmOWVlNGE3NjZiMmI1MTAxMSIsIm5hbWUiOiJvcF9zdmNfTWV0YVN0dWRpb19jb250YWluZXIwIn0sImlkIjoiNGJVNzd4SklNMU1Ya1RXWlVtcUc2S2ZZWkNCMkZjM2QiLCJuYW1lIjoiRmVkZXJhdGlvblVzZXIiLCJwYXNzd29yZF9leHBpcmVzX2F0IjoiIiwidXNlcl90eXBlIjo0OH19RWjKsVx3tBB9rC9epefZhRbuWZ5quEBfoMuJWu66lk5-UVSfeQqJ4QA9GH6OzoEfhOS0cUGCYtanfHaUlXyVOZ_-jZ8vaLJuVkjL9fmZWnnsAivrmok0bXud5_EmY9BEg96U1wC4vM-SpZlX7xxQO76EHrXjzSYpN3VCZzBF68kZ6rb8HOx8LjWrt__KwYWBxzTMnnLIht0xw0zo6mdaRJBiWOU1QZ1tJeX-cHuE4j88USL8KY08a8ZtvRl4OOs_9sy2bGO4kySItQhtUJBn_EZG3iC5k0imb7LEhAAMN_yHrb_VJz5nGGEuP0tbVBlJacEQSsVx1qJzFbYkYdwuBw%3D%3D&Signature=sn5CCeq4rXdQBd76p6R8Wu6185I%3D”,
“background_color_config”: “#FFFFFF”
}
],
“emotion_config”: [
{
“emotion”: “HAPPY”
}
],
“l(fā)ayer_config”: []
}
}
],
“output_asset_config”: {
“asset_name”: “output”,
“is_preview_video”: false
},
“background_music_config”: {
“volume”: 100
},
“callback_config”: {
“callback_url”: " ",
“auth_type”: “NONE”
}
}請求成功后，在響應(yīng)體里返回任務(wù)id。

3.6 查詢?nèi)蝿?wù)進(jìn)度

通過【查詢分身數(shù)字人視頻制作任務(wù)詳情】接口查詢?nèi)蝿?wù)進(jìn)度

參數(shù)設(shè)置：

job_id：填寫步驟3.5里返回的任務(wù)id

當(dāng)前狀態(tài)：

WAITING：等待服務(wù)器調(diào)度

PRCOCESSING：正在制作

FAILED：制作失敗，可以在error_info里查看失敗原因

SUCCESS：制作成功

制作成功后，記錄下響應(yīng)體里返回的視頻資產(chǎn)id

3.7 查看輸出視頻

通過【查詢資產(chǎn)詳情】接口查看輸出視頻。

參數(shù)設(shè)置：

asset_id：填寫步驟3.6里記錄的視頻資產(chǎn)id

請求成功后，在響應(yīng)體里查看視頻的download_url。

將download_url復(fù)制后，在瀏覽器中打開，就可以下載到本地了。

文末給大家放一個小福利，僅需19.9元即可制作60分鐘的數(shù)字人視頻啦！https://activity.huaweicloud.com/metastudio-szr.html

關(guān)注@華為云開發(fā)者聯(lián)盟 ，第一時間了解華為云新鮮技術(shù)~

、通過在后臺顯示的注冊鏈接，注冊華為云帳號

務(wù)必通過此鏈接注冊，一個手機(jī)可注冊3個華為云帳號

備案前請準(zhǔn)備備案材料：https://support.huaweicloud.com/prepare-icp/icp_02_0045.html

華為云官網(wǎng)的答疑很清晰，比客服還及時，有問題請先直接搜索答案

二、注冊后，按照指引進(jìn)行實(shí)名認(rèn)證

一個華為云登錄帳號對應(yīng)一個備案主體，如有多個備案主體需要提價備案，請注冊新的備案登錄帳號來提交備案信息。不要求華為云帳號實(shí)名信息與備案主體一致。

三、找到備案入口，點(diǎn)擊，或下載“華為云APP”，提交資料更快

四、備案流程中，服務(wù)器類型選：備案授權(quán)碼

將建站后臺顯示的備案授權(quán)碼復(fù)制粘貼進(jìn)去

五、資料提交后，會顯示“等待初審”，一般1-2天完成初審

初審是華為云工作人員審，進(jìn)度直接問華為云更有效率。

務(wù)必保持聯(lián)系手機(jī)暢通，華為云來電號碼是：0755950808，一定要接！！！

如果超過時間點(diǎn)，打電話催一下（挺有用的）：4000-955-988，按1轉(zhuǎn)5轉(zhuǎn)3，讓備案的小姐姐加快審核

六、初審成功后，等待管局審核，管局審核后結(jié)束

注意事項(xiàng)：1、未備案過的域名，點(diǎn)擊“開始華為云備案”后，域名將停止解析，直到備案成功才將域名指向華為云服務(wù)器

2、整個備案過程的資料，建站服務(wù)商是拿不到（華為云對數(shù)據(jù)保密很嚴(yán)格），只能自行登錄華為云后臺查看狀態(tài)

3、要正確反饋你的備案狀態(tài)，讓你的網(wǎng)站正常備案且運(yùn)營。

要：在本文中，將重點(diǎn)關(guān)注網(wǎng)頁的初始渲染，即它從解析 HTML 開始。 我將探索可能導(dǎo)致高渲染時間的問題，以及如何解決它們。

本文分享自華為云社區(qū)《頁面首屏渲染性能指南-云社區(qū)-華為云》，作者：Ocean2022。

我們知道渲染頁面是一個將服務(wù)器的響應(yīng)內(nèi)容翻譯成圖片的過程。但是，如果你頁面的渲染性能比較糟糕的話，可能會帶來相對較高的跳出率。

在本文中，我將重點(diǎn)關(guān)注網(wǎng)頁的初始渲染，即它從解析 HTML 開始。 我將探索可能導(dǎo)致高渲染時間的問題，以及如何解決它們。

關(guān)鍵渲染路徑（CRP）

關(guān)鍵渲染路徑 (CRP) 是瀏覽器將代碼轉(zhuǎn)換為屏幕上可顯示像素的過程。 它有幾個階段，其中一些可以并行執(zhí)行以節(jié)省時間，但有些部分必須依次完成。 如下圖所示：

首先，一旦瀏覽器得到響應(yīng)，它就會開始解析它。 當(dāng)它遇到依賴項(xiàng)時，它會嘗試下載它。 如果它是一個樣式表文件，瀏覽器必須在渲染頁面之前完全解析它，這就是為什么 CSS 會阻塞渲染的原因。

如果是腳本，瀏覽器必須：停止解析，下載腳本，然后運(yùn)行。 只有在那之后它才能繼續(xù)解析，因?yàn)?JavaScript 程序可以改變網(wǎng)頁的內(nèi)容（尤其是 HTML）。 這就是為什么 JS 會阻塞解析的原因。

完成所有解析后，瀏覽器將構(gòu)建文檔對象模型 (DOM) 和級聯(lián)樣式表對象模型 (CSSOM)。 將它們組合在一起得到渲染樹。 頁面的不顯示部分不會進(jìn)入渲染樹，因?yàn)樗话L制頁面所需的數(shù)據(jù)。

倒數(shù)第二步是將渲染樹進(jìn)行布局， 這個階段也稱為回流：就是計(jì)算每個渲染樹節(jié)點(diǎn)的每個位置及其大小的地方。

最后一步是繪制。 它會根據(jù)瀏覽器在前一階段計(jì)算得到的數(shù)據(jù)對像素進(jìn)行著色。

優(yōu)化相關(guān)結(jié)論

因此，根據(jù)這一過程，我們在優(yōu)化性能方面，得出了一些結(jié)論。如果你要提升頁面初始化渲染的性能，你需要：

• 減少傳輸?shù)臄?shù)據(jù)量
• 減少瀏覽器必須下載的資源數(shù)量（尤其是阻塞的資源）
• 減小 CRP 的長度

同時，我們會根據(jù)下面 3 個指標(biāo)來衡量優(yōu)化的效率：

• FP(First Paint)
• FCP(First Contentful Paint)
• FMP(First Meaningful Paint)

除了渲染時間之外，還有其他一些因素也需要考慮。例如，你的頁面使用了多少阻塞資源以及下載它們需要多長時間。

性能優(yōu)化策略

鑒于我們在上面得出的結(jié)論，我們得出網(wǎng)站性能優(yōu)化有三種主要策略：

1. 盡量減少通過網(wǎng)絡(luò)傳輸?shù)臄?shù)據(jù)量；
2. 減少通過網(wǎng)絡(luò)傳輸?shù)馁Y源總數(shù)；
3. 縮短關(guān)鍵渲染路徑；

1. 減少要傳輸?shù)臄?shù)據(jù)量

首先，移除所有未使用的部分，例如 JavaScript 中無法訪問的函數(shù)、帶有從不匹配任何元素的選擇器的樣式以及被 CSS 永遠(yuǎn)隱藏的 HTML 標(biāo)簽。 其次，刪除所有重復(fù)項(xiàng)。

然后，我建議建立一個自動壓縮過程。 例如，它應(yīng)該從你的后端服務(wù)中刪除所有注釋（但不是源代碼）以及每個不包含附加信息的字符（例如 JS 中的空白字符）。

完成后，我們剩下的可以是文本字符串。 這意味著我們可以安全地應(yīng)用諸如 GZIP（大多數(shù)瀏覽器都理解）之類的壓縮算法。

最后，還有緩存。 瀏覽器第一次呈現(xiàn)頁面時它不會有幫助，但它會在以后的訪問中節(jié)省很多。 但是，記住兩點(diǎn)至關(guān)重要：

• 如果你使用 CDN，請確保支持緩存并在正確設(shè)置。
• 與其等待資源的到期，不如 將文件的“指紋”嵌入到其 URL 中，以使本地緩存無效。

當(dāng)然，應(yīng)該為每個資源定義緩存策略。 有些可能很少改變或根本不會改變，有的則是變化的很快，還有些文件包含敏感的信息（可以使用 “private” 防止 CDN 緩存私有數(shù)據(jù)）。

2. 減少關(guān)鍵資源的總數(shù)

“關(guān)鍵”僅指網(wǎng)頁正確呈現(xiàn)所需的資源。 因此，我們可以直接跳過所有流程中沒有涉及的樣式以及腳本文件。

樣式

為了告訴瀏覽器不需要特定的 CSS 文件，我們應(yīng)該為所有引用樣式表的鏈接設(shè)置媒體屬性。 使用這種方法，瀏覽器將只根據(jù)需要處理與當(dāng)前媒體（設(shè)備類型、屏幕尺寸）匹配的資源，同時降低所有其他樣式表的優(yōu)先級。 例如，如果你將 media=“print” 屬性添加到引用樣式以打印頁面的樣式標(biāo)記，則這些樣式不會在不打印媒體時干擾你的關(guān)鍵渲染路徑。

為了進(jìn)一步改進(jìn)該過程，你還可以將一些樣式內(nèi)聯(lián)，這可以為我們節(jié)省了至少一次到服務(wù)器的往返行程。

腳本

如上所述，腳本會阻塞解析，因?yàn)樗鼈兛梢愿淖?DOM 和 CSSOM。 為了避免這一點(diǎn)，所有腳本標(biāo)簽都必須用屬性標(biāo)記——異步或延遲。

標(biāo)有 async 的腳本不會阻塞 DOM 構(gòu)建或 CSSOM，因?yàn)樗鼈兛梢栽?CSSOM 構(gòu)建之前執(zhí)行。 但請記住，內(nèi)聯(lián)腳本無論如何都會阻止 CSSOM，除非你將它們放在 CSS 之上。

相比之下，標(biāo)有 defer 的腳本將在頁面加載結(jié)束時進(jìn)行執(zhí)行。

換句話說，使用 defer，腳本直到頁面加載事件被觸發(fā)后才會執(zhí)行，而 async 讓腳本在文檔被解析時就會在后臺運(yùn)行。

3.縮短關(guān)鍵渲染路徑長度

最后，應(yīng)將 CRP 長度縮短到可能的最小值。

作為樣式標(biāo)簽屬性的媒體查詢將減少必須下載的資源總數(shù)。 script 標(biāo)簽屬性 defer 和 async 將防止相應(yīng)的腳本阻塞解析。

使用 GZIP 壓縮、壓縮和歸檔資源將減少傳輸數(shù)據(jù)的大小（從而也減少數(shù)據(jù)傳輸時間）。

內(nèi)聯(lián)一些樣式和腳本也可以減少瀏覽器和服務(wù)器之間的往返次數(shù)。

按照最新的最佳性能實(shí)踐理念，一個網(wǎng)站應(yīng)該做的最快的第一件事就是展示 ATF 內(nèi)容。 ATF 代表首屏。 這是立即可見的區(qū)域，無需滾動。 因此，最好以首先加載所需樣式和腳本的方式重新排列與渲染相關(guān)的所有內(nèi)容，而其他所有內(nèi)容都停止（既不解析也不渲染）。

結(jié)尾

總而言之，網(wǎng)站性能優(yōu)化包含了網(wǎng)站響應(yīng)的各個方面，例如緩存、設(shè)置 CDN、重構(gòu)、資源優(yōu)化等，但是所有這些都可以逐步完成。 作為 Web 開發(fā)人員，你可以將本文作為參考，并始終記住在實(shí)驗(yàn)之前和之后測量性能。

瀏覽器開發(fā)人員盡最大努力優(yōu)化你訪問的每個頁面的網(wǎng)站性能，這就是瀏覽器通常實(shí)現(xiàn)所謂的“預(yù)加載器”的原因。 這部分程序會在你以 HTML 格式請求的資源之前進(jìn)行掃描，以便一次發(fā)出多個請求并讓它們并行運(yùn)行。 這就是為什么在 HTML（逐行）以及腳本標(biāo)簽中保持樣式標(biāo)簽彼此靠近的原因。

此外，嘗試批量更新 HTML 以避免多個布局事件，這些事件不僅由 DOM 或 CSSOM 中的更改觸發(fā)，而且在設(shè)備方向更改和窗口大小調(diào)整時也會觸發(fā)。

點(diǎn)擊下方，第一時間了解華為云新鮮技術(shù)~

華為云博客_大數(shù)據(jù)博客_AI博客_云計(jì)算博客_開發(fā)者中心-華為云