透過html實現錄音和播放功能需要使用外掛實現，但是可以透過html5實現：
1、API透過使用navigatior.getUserMedia()方法來讓Web應用程式擁有訪問使用者攝像頭與麥克風裝置的能力。
2、錄製影片資料與音訊資料的程式碼與之類似：
<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">
3、在這些程式碼中,只需使用file控制元件(型別為file的input元素)即可完成拍照或錄製媒體資料的功能。但是在因為這些程式碼中尚缺乏一些實現與之相關的需求(例如在canvas元素中渲染捕捉到的影片資料,或者對捕捉到的影片資料應用WEBGL濾鏡)的能力,所以沒有得到開發者的廣泛應用。
4、音訊與影片資訊的捕捉一直是Web開發中的一個難點。許多年來,我們一直依賴瀏覽器外掛來實現這個需求。 在HTML 5中,出現了許多可以訪問硬體裝置的API,例如訪問GPS裝置的Geolocation API、訪問accelerometer裝置的Orientation API、訪問GPU裝置的WebGL API、訪問音訊播放裝置的Web Audio API等等。這些API是非常強大的,因為開發者可以直接透過編寫JavaSccript指令碼程式碼來訪問底層硬體裝置。
透過html實現錄音和播放功能需要使用外掛實現，但是可以透過html5實現：
1、API透過使用navigatior.getUserMedia()方法來讓Web應用程式擁有訪問使用者攝像頭與麥克風裝置的能力。
2、錄製影片資料與音訊資料的程式碼與之類似：
<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">
3、在這些程式碼中,只需使用file控制元件(型別為file的input元素)即可完成拍照或錄製媒體資料的功能。但是在因為這些程式碼中尚缺乏一些實現與之相關的需求(例如在canvas元素中渲染捕捉到的影片資料,或者對捕捉到的影片資料應用WEBGL濾鏡)的能力,所以沒有得到開發者的廣泛應用。
4、音訊與影片資訊的捕捉一直是Web開發中的一個難點。許多年來,我們一直依賴瀏覽器外掛來實現這個需求。 在HTML 5中,出現了許多可以訪問硬體裝置的API,例如訪問GPS裝置的Geolocation API、訪問accelerometer裝置的Orientation API、訪問GPU裝置的WebGL API、訪問音訊播放裝置的Web Audio API等等。這些API是非常強大的,因為開發者可以直接透過編寫JavaSccript指令碼程式碼來訪問底層硬體裝置。