建站
咨詢
售后
建站咨詢
新聞中心
微信小程序錄音界面以及功能實現(xiàn)
pick一下最終效果，然后一步一步來。
創(chuàng)新互聯(lián)堅信：善待客戶，將會成為終身客戶。我們能堅持多年，是因為我們一直可值得信賴。我們從不忽悠初訪客戶，我們用心做好本職工作，不忘初心，方得始終。10年網(wǎng)站建設經(jīng)驗創(chuàng)新互聯(lián)是成都老牌網(wǎng)站營銷服務商,為您提供成都網(wǎng)站設計、網(wǎng)站建設、網(wǎng)站設計、H5網(wǎng)站設計、網(wǎng)站制作、品牌網(wǎng)站建設、小程序開發(fā)服務,給眾多知名企業(yè)提供過好品質的建站服務。
先把界面效果做出來。
wxml
wxss
js賦值
這里我的錄音按鈕點擊擴散效果用的是純css實現(xiàn)，而上方progress是使用animation實現(xiàn)的。
html實現(xiàn)錄音和播放功能
1、首先新建一個HTML文檔，如圖所示。
2、然后在body標簽里輸入video標簽。
3、接著在video標簽內輸入controls="controls"，如圖所示。
4、然后在video標簽里輸入source，接著在source內輸入src="medias/volcano.ogg"，如圖所示。
5、然后在后面輸入type="video/ogg"如圖所示，然后在定義一個source標簽。
6、在標簽內輸入src="medias/volcano.mp4" type="video/mp4"如圖所示。
7、最后按f12預覽就可以看到視頻播放器了。
css樣式怎么寫
css樣式是HTML的一個補充，簡單的css使用樣式如下:
html
body
div?id=div/div
/body
style?type="text/css"
width:300px;//設置div的寬度300像素
height:500px;//設置div高度500像素
background-color:red;//設置div的背景顏色為紅色
/style
/html
css代碼位于style之間，詳細的css代碼解釋見代碼注釋。
當前題目：css錄音樣式,css音頻標簽
本文來源：http://fisionsoft.com.cn/article/dsecoco.html
