# H5錄音機 **添加素材** 將PSD素材導入編輯頁面，進行相關素材排版，同時可為各個素材添加預置動畫效果。  新建圖層，在第2幀插入關鍵幀，同時插入“錄音機”相關素材。  將“錄音機”轉化為元件，設置錄音機兩個轉軸旋轉的動畫效果。  同理新建圖層，在第2幀插入關鍵幀，插入按鈕等相關背景素材。在按鈕圖層合適位置插入關鍵幀，放置“按鈕按下”的圖片效果素材。  同理新建圖層，分別在最后插入關鍵幀，上傳結果頁面和分享頁面的素材，進行相關排版。  **添加行為邏輯** 1. 新建“行為”圖層，添加矩形，為其設置“出現即暫停”的行為。 2. 為“打開未來錄音機”按鈕添加“點擊跳轉到第2幀并停止”行為。  來到第2幀，需設置“一開始錄音機不旋轉，點擊‘錄音’‘播放’按鈕才開始旋轉”的效果。新建“不動”圖層，在第2幀插入關鍵幀，放置一個不旋轉的“錄音機”素材，注意刪除圖層后面幀數。  分別為按鈕素材添加跳轉行為，如下圖， 為“錄音”按鈕添加“跳轉到第5幀并停止”行為； 為“播放”按鈕添加“跳轉到第3幀并停止”行為； 為“制成”按鈕添加“跳轉到第4幀并停止”行為；  新建圖層，添加背景音樂素材，為其命名“錄音音頻”。為“錄音”按鈕添加兩個行為： 一、“控制錄音”行為：微信定制→控制錄音→觸發條件：點擊→設置參數： 錄音行為：“開始錄音” 目標元素：“錄音音頻” 錄制成功后：“跳轉到幀（第2幀）”   二、“控制聲音”行為：媒體播放控制→控制聲音→觸發條件：點擊→設置參數： 音頻名稱：“錄音音頻” 控制方式：“暫停”  同理為“播放”按鈕添加“點擊播放‘錄音音頻‘”行為； 為“播放按下”按鈕添加兩個行為：“點擊跳轉到第2幀并停止”“點擊暫停‘錄音音頻‘”；  回到“播放按下”幀數位置，為“播放按下”按鈕添加兩個行為：“點擊跳轉到第2幀并停止”“點擊停止錄音”。  同理為“制成按下”按鈕添加 “點擊跳轉到第6幀并停止” 行為。  若想要設置按下“制成”按鈕自動3秒后跳轉至第6幀：新建圖層，在“制成按下”幀數位置插入關鍵幀（注意前后都是空白幀），添加一個計時器，設置計時器時長為3秒，為計時器添加行為“定時器時間到跳轉至第6幀并停止”行為。  **制作結果頁面** 在結果頁面相應位置添加一個輸入框，命名為“姓名”，調整輸入框位置大小，設置提示內容為“姓名”。  定義分享信息：在“分享”欄下可填寫分享信息，如圖內容為：“{{姓名}}給朋友聽”  最后，可添加一個背景音樂。 （注意：如果添加了背景音樂，需給之后的按鈕素材添加控制背景音樂的行為） 觀看本節視頻教程： http://cdn1.mugeda.com/course/4/4.3/4.3.11.mp4