Dart Navigator.getUserMedia用法及代碼示例

dart:html 庫中Navigator.getUserMedia 方法的用法介紹如下。

用法:

@SupportedBrowser(SupportedBrowser.CHROME)   

Future<MediaStream> getUserMedia(
   {dynamic audio = false,    
   dynamic video = false}   
)
      @SupportedBrowser(SupportedBrowser.CHROME)

從本地計算機獲取流(視頻和/或音頻)。

使用MediaStream.supported 檢查當前平台是否支持。參數 audio 和 video 默認為 false(流分別不使用音頻或視頻)。

簡單示例用法：

window.navigator.getUserMedia(audio: true, video: true).then((stream) {
  var video = new VideoElement()
    ..autoplay = true
    ..src = Url.createObjectUrlFromStream(stream);
  document.body.append(video);
});

用戶還可以將 Maps 傳遞給音頻或視頻參數，以指定媒體流的強製和可選約束。不傳入Map，但傳入true 將提供具有音頻或視頻函數的MediaStream，但沒有任何額外的限製。音頻和視頻的特定約束名稱仍在不斷變化，但在撰寫本文時，這裏有一個提供更多約束的示例。

window.navigator.getUserMedia(
    audio: true,
    video: {'mandatory':
               { 'minAspectRatio': 1.333, 'maxAspectRatio': 1.334 },
            'optional':
               [{ 'minFrameRate': 60 },
                { 'maxWidth': 640 }]
});

也可以看看：

MediaStream.supported

相關用法

注：本文由純淨天空篩選整理自dart.dev大神的英文原創作品 getUserMedia method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。