整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
文分享自華為云社區《使用MetaStudio生產線四步制作數字人視頻》，作者： yd_298097624。
隨著AIGC新技術尤其是大模型技術的發展，音視頻行業、數字內容生產行業正在經歷這從生產方式和生產效率上的一個巨大變化。預測到2030年由AI大模型生成的數字內容比例將高達90%，包括通過AIGC來生成數字人，數字人視頻等，本博文就來教大家如何用華為云MetaStudio數字內容生產線制作數字人視頻。本文介紹了兩種制作數字人視頻的方式，一種直接在console上操作，另一種用API制作。
進入【數字內容生產線MetaStudio】，在搜索框中輸入MetaStudio，點擊進入服務。
點擊【分身數字人視頻制作】的【開通】按鈕。
點擊【前往MetaStudio工作臺】。
點擊【分身視頻制作】的【開始創建】按鈕，進入工作臺。
點擊【角色】按鈕，可以查看所有系統內置的數字人模型，選擇一個用來制作視頻。
點擊【背景】按鈕，可以查看所有系統內置的背景圖片，選擇一個用來制作視頻。
點擊【親切女聲】按鈕，可以查看所有系統內置的音色，選擇一個用來制作視頻。
將下列文本拷貝到文本輸入框中。
MetaStudio數字內容生產線依托自研的圖形引擎MetaEngine、國產昇騰AI云服務器算力；提供3D IP型數字人、2D分身數字人快速生成及定制服務；AI重塑數字內容生產，使能視頻制作、直播、交互應用。
點擊【合成視頻】按鈕，輸入合成視頻的文件名，點擊【確認】按鈕開始合成。
可以通過刷新按鈕查看合成進度。
視頻制作完成后，點擊封面，可以查看視頻內容。
通過下面URL進入API Explorer。
https://console.huaweicloud.com/apiexplorer/#/openapi/MetaStudio/doc
產品選擇【數字內容生產線】
區域選擇【華北-北京4】
通過【查詢資產列表】接口查詢模型資產。
參數設置：
asset_type：HUMAN_MODEL_2D
asset_source：SYSTEM
請求成功后，在響應體里選擇一個模型的資產id，記錄下來。
通過【查詢資產列表】接口查詢背景資產。
參數設置：
asset_type：IMAGE
asset_sourc：SYSTEM
system_property：BACKGROUND_IMG:Yes
請求成功后，在響應體里選擇一個背景資產的download_url，記錄下來。
注意：可以將limit設置成1，這樣響應體不會過大。
通過【查詢資產列表】接口查詢音色資產。
參數設置：
asset_type：VOICE_MODEL
asset_source：SYSTEM
請求成功后，在響應體里選擇一個音色的資產id，記錄下來。
通過【創建分身數字人視頻制作任務】接口創建任務。
此接口參數較多，先開啟【填寫默認值】。
參數設置：
video_making_type：MODEL
model_asset_id：填寫3.2步驟里請求的數字人模型資產id
voice_config.voice_asset_id:填寫3.4步驟里請求的音色資產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：設置為空數組
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”: “這是一個數字人視頻”
},
“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”
}
],
“layer_config”: []
}
}
],
“output_asset_config”: {
“asset_name”: “output”,
“is_preview_video”: false
},
“background_music_config”: {
“volume”: 100
},
“callback_config”: {
“callback_url”: " ",
“auth_type”: “NONE”
}
}請求成功后，在響應體里返回任務id。通過【查詢分身數字人視頻制作任務詳情】接口查詢任務進度
參數設置：
job_id：填寫步驟3.5里返回的任務id
當前狀態：
WAITING：等待服務器調度
PRCOCESSING：正在制作
FAILED：制作失敗，可以在error_info里查看失敗原因
SUCCESS：制作成功
制作成功后，記錄下響應體里返回的視頻資產id
通過【查詢資產詳情】接口查看輸出視頻。
參數設置：
asset_id：填寫步驟3.6里記錄的視頻資產id
請求成功后，在響應體里查看視頻的download_url。
將download_url復制后，在瀏覽器中打開，就可以下載到本地了。
文末給大家放一個小福利，僅需19.9元即可制作60分鐘的數字人視頻啦！https://activity.huaweicloud.com/metastudio-szr.html
關注@華為云開發者聯盟 ，第一時間了解華為云新鮮技術~
、通過在后臺顯示的注冊鏈接，注冊華為云帳號
務必通過此鏈接注冊，一個手機可注冊3個華為云帳號
備案前請準備備案材料：https://support.huaweicloud.com/prepare-icp/icp_02_0045.html
華為云官網的答疑很清晰，比客服還及時，有問題請先直接搜索答案
二、注冊后，按照指引進行實名認證
一個華為云登錄帳號對應一個備案主體，如有多個備案主體需要提價備案，請注冊新的備案登錄帳號來提交備案信息。不要求華為云帳號實名信息與備案主體一致。
三、找到備案入口，點擊，或下載“華為云APP”，提交資料更快
四、備案流程中，服務器類型選：備案授權碼
將建站后臺顯示的備案授權碼復制粘貼進去
五、資料提交后，會顯示“等待初審”，一般1-2天完成初審
初審是華為云工作人員審，進度直接問華為云更有效率。
務必保持聯系手機暢通，華為云來電號碼是：0755950808，一定要接?。?！
如果超過時間點，打電話催一下（挺有用的）：4000-955-988，按1轉5轉3，讓備案的小姐姐加快審核
六、初審成功后，等待管局審核，管局審核后結束
注意事項：1、未備案過的域名，點擊“開始華為云備案”后，域名將停止解析，直到備案成功才將域名指向華為云服務器
2、整個備案過程的資料，建站服務商是拿不到（華為云對數據保密很嚴格），只能自行登錄華為云后臺查看狀態
3、要正確反饋你的備案狀態，讓你的網站正常備案且運營。
要：在本文中，將重點關注網頁的初始渲染，即它從解析 HTML 開始。 我將探索可能導致高渲染時間的問題，以及如何解決它們。
本文分享自華為云社區《頁面首屏渲染性能指南-云社區-華為云》，作者：Ocean2022。
我們知道渲染頁面是一個將服務器的響應內容翻譯成圖片的過程。但是，如果你頁面的渲染性能比較糟糕的話，可能會帶來相對較高的跳出率。
在本文中，我將重點關注網頁的初始渲染，即它從解析 HTML 開始。 我將探索可能導致高渲染時間的問題，以及如何解決它們。
關鍵渲染路徑 (CRP) 是瀏覽器將代碼轉換為屏幕上可顯示像素的過程。 它有幾個階段，其中一些可以并行執行以節省時間，但有些部分必須依次完成。 如下圖所示：
首先，一旦瀏覽器得到響應，它就會開始解析它。 當它遇到依賴項時，它會嘗試下載它。 如果它是一個樣式表文件，瀏覽器必須在渲染頁面之前完全解析它，這就是為什么 CSS 會阻塞渲染的原因。
如果是腳本，瀏覽器必須：停止解析，下載腳本，然后運行。 只有在那之后它才能繼續解析，因為 JavaScript 程序可以改變網頁的內容（尤其是 HTML）。 這就是為什么 JS 會阻塞解析的原因。
完成所有解析后，瀏覽器將構建文檔對象模型 (DOM) 和級聯樣式表對象模型 (CSSOM)。 將它們組合在一起得到渲染樹。 頁面的不顯示部分不會進入渲染樹，因為它只包含繪制頁面所需的數據。
倒數第二步是將渲染樹進行布局， 這個階段也稱為回流：就是計算每個渲染樹節點的每個位置及其大小的地方。
最后一步是繪制。 它會根據瀏覽器在前一階段計算得到的數據對像素進行著色。
因此，根據這一過程，我們在優化性能方面，得出了一些結論。如果你要提升頁面初始化渲染的性能，你需要：
同時，我們會根據下面 3 個指標來衡量優化的效率：
除了渲染時間之外，還有其他一些因素也需要考慮。例如，你的頁面使用了多少阻塞資源以及下載它們需要多長時間。
鑒于我們在上面得出的結論，我們得出網站性能優化有三種主要策略：
首先，移除所有未使用的部分，例如 JavaScript 中無法訪問的函數、帶有從不匹配任何元素的選擇器的樣式以及被 CSS 永遠隱藏的 HTML 標簽。 其次，刪除所有重復項。
然后，我建議建立一個自動壓縮過程。 例如，它應該從你的后端服務中刪除所有注釋（但不是源代碼）以及每個不包含附加信息的字符（例如 JS 中的空白字符）。
完成后，我們剩下的可以是文本字符串。 這意味著我們可以安全地應用諸如 GZIP（大多數瀏覽器都理解）之類的壓縮算法。
最后，還有緩存。 瀏覽器第一次呈現頁面時它不會有幫助，但它會在以后的訪問中節省很多。 但是，記住兩點至關重要：
當然，應該為每個資源定義緩存策略。 有些可能很少改變或根本不會改變，有的則是變化的很快，還有些文件包含敏感的信息（可以使用 “private” 防止 CDN 緩存私有數據）。
“關鍵”僅指網頁正確呈現所需的資源。 因此，我們可以直接跳過所有流程中沒有涉及的樣式以及腳本文件。
為了告訴瀏覽器不需要特定的 CSS 文件，我們應該為所有引用樣式表的鏈接設置媒體屬性。 使用這種方法，瀏覽器將只根據需要處理與當前媒體（設備類型、屏幕尺寸）匹配的資源，同時降低所有其他樣式表的優先級。 例如，如果你將 media=“print” 屬性添加到引用樣式以打印頁面的樣式標記，則這些樣式不會在不打印媒體時干擾你的關鍵渲染路徑。
為了進一步改進該過程，你還可以將一些樣式內聯，這可以為我們節省了至少一次到服務器的往返行程。
如上所述，腳本會阻塞解析，因為它們可以改變 DOM 和 CSSOM。 為了避免這一點，所有腳本標簽都必須用屬性標記——異步或延遲。
標有 async 的腳本不會阻塞 DOM 構建或 CSSOM，因為它們可以在 CSSOM 構建之前執行。 但請記住，內聯腳本無論如何都會阻止 CSSOM，除非你將它們放在 CSS 之上。
相比之下，標有 defer 的腳本將在頁面加載結束時進行執行。
換句話說，使用 defer，腳本直到頁面加載事件被觸發后才會執行，而 async 讓腳本在文檔被解析時就會在后臺運行。
最后，應將 CRP 長度縮短到可能的最小值。
作為樣式標簽屬性的媒體查詢將減少必須下載的資源總數。 script 標簽屬性 defer 和 async 將防止相應的腳本阻塞解析。
使用 GZIP 壓縮、壓縮和歸檔資源將減少傳輸數據的大?。◤亩矞p少數據傳輸時間）。
內聯一些樣式和腳本也可以減少瀏覽器和服務器之間的往返次數。
按照最新的最佳性能實踐理念，一個網站應該做的最快的第一件事就是展示 ATF 內容。 ATF 代表首屏。 這是立即可見的區域，無需滾動。 因此，最好以首先加載所需樣式和腳本的方式重新排列與渲染相關的所有內容，而其他所有內容都停止（既不解析也不渲染）。
總而言之，網站性能優化包含了網站響應的各個方面，例如緩存、設置 CDN、重構、資源優化等，但是所有這些都可以逐步完成。 作為 Web 開發人員，你可以將本文作為參考，并始終記住在實驗之前和之后測量性能。
瀏覽器開發人員盡最大努力優化你訪問的每個頁面的網站性能，這就是瀏覽器通常實現所謂的“預加載器”的原因。 這部分程序會在你以 HTML 格式請求的資源之前進行掃描，以便一次發出多個請求并讓它們并行運行。 這就是為什么在 HTML（逐行）以及腳本標簽中保持樣式標簽彼此靠近的原因。
此外，嘗試批量更新 HTML 以避免多個布局事件，這些事件不僅由 DOM 或 CSSOM 中的更改觸發，而且在設備方向更改和窗口大小調整時也會觸發。
點擊下方，第一時間了解華為云新鮮技術~
華為云博客_大數據博客_AI博客_云計算博客_開發者中心-華為云
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
