個人學習筆記，非個人原創，
原文地址 https://webrtc.org.cn/getusermedia-common-error/
<div data-id="6367649" class="elementor-element elementor-element-6367649 elementor-widget elementor-widget-divider" data-element_type="divider.default">
<div class="elementor-widget-container">
<div class="elementor-divider">
<span class="elementor-divider-separator"></span>
</div>
</div>
</div>
<div data-id="4d6cfea" class="elementor-element elementor-element-4d6cfea elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-element_type="theme-post-title.default">
<div class="elementor-widget-container">
<h1 class="elementor-heading-title elementor-size-default">getUserMedia()出現的常見錯誤</h1> </div>
</div>
<div data-id="d0bba8c" class="elementor-element elementor-element-d0bba8c elementor-align-left elementor-widget elementor-widget-post-info" data-element_type="post-info.default">
<div class="elementor-widget-container">
<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
<li class="elementor-icon-list-item elementor-repeater-item-d5df341 elementor-inline-item" itemprop="datePublished">
<span class="elementor-icon-list-icon">
<i class="fa fa-calendar" aria-hidden="true"></i>
</span>
<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-date">
十一月 19, 2017 </span>
</li>
</ul>
</div>
</div>
<div data-id="259a557" class="elementor-element elementor-element-259a557 elementor-widget elementor-widget-theme-post-content" data-element_type="theme-post-content.default">
<div class="elementor-widget-container">
<p>
作者：Pipe（<a href="https://addpipe.com/blog/common-getusermedia-errors/" target="_blank">原文鏈接</a>）
翻譯：劉通
原標題：Common getUserMedia() Errors
在你的getUserMedia()開始運行的那一瞬間，就會遇到各種各樣的錯誤：
1. 用戶沒有攝像頭，只有一個麥克風
2. 用戶（不小心地）拒絕了瀏覽器的使用攝像頭請求
3. 用戶在你的getUserMedia()代碼已經初始化之后才將攝像頭/麥克風插到電腦上
4. 媒體設備已經被其他的應用所占用了
5. 只針對Firefox：設備已經被Firefox瀏覽器的其他標簽頁所占用了
為了解決這些狀況，在管理getUserMedia()的媒體捕捉和流規范中定義了幾種你可以在代碼中處理的錯誤。
下圖列出了幾種最常見的錯誤。在Firefox和Chrome中錯誤的名稱有所不同。規范中還有對AboutError和SecurityError的定義，但是永遠觸發不了它們。
NotFoundError
這個問題真的是非常常見，當你通過約束請求一個視頻軌道但是用戶沒有攝像頭的時候，這個錯誤就會出現。還有，當你請求一個音頻/麥克風軌道的時候，但是電腦/設備並沒有聲卡或者錄音設備被系統禁用的時候也會出現這個錯誤。但是這種情況比較罕見。
Firefox會彈出一個MediaStreamError，其名稱屬性為“NotFoundError”並顯示消息“無法找到該對象”。
Chrome會出現一個NavigatorUserMediaError，其名稱屬性為“DevicesNotFoundError”。
NotReadableError
這種情況會在Windows系統上發生，當瀏覽器想要使用網絡攝像頭或者麥克風的時候卻發現他們已經被使用了（比如說Skype正在用）。在Windows上這個錯誤很常見，因為進程可以獨占攝像頭的訪問權。除了Firefox，它不會在macOS上出現因為mac系統允許幾個進程共享攝像頭/麥克風的使用權限。
在Windows系統上，Firefox會在其他應用或者Firefox標簽頁正在使用攝像頭或者麥克風的時候彈出這個錯誤。這個錯誤類型是MediaStreamError，名稱屬性被設置為“NotReadableError”，消息屬性被設置為“未能分配視頻源”。
Windows系統上的Chrome瀏覽器會彈出一個NavigarUserMediaError，其名稱屬性被設為“TrackStartError”，非規范的Chrome特定版本，沒有消息提示。不同的Chrome標簽頁可以共享同一個攝像頭。
在mac系統上，這個錯誤只有在Firefox不止一個標簽頁嘗試獲取攝像頭和麥克風的時候出現。會提示一個消息“當前麥克風進程受限”。
OverconstrainedError
當你請求一個無法用硬件滿足的約束時會出現在這個錯誤，舉個例子，當使用min或者exact關鍵詞請求一個比較高的幀速率或者高的分辨率的時候就會出現此錯誤。
Firefox會提出一個MediaStreamError，其名稱屬性被設為“OverconstrainedError”。
Chrome會彈出一個NavigatorUserMediaError，其名稱屬性設為“ConstraintNotSatisfiedErrror”，一個非規范的Chrome特定版本。
Chrome和Firefox會返回請求的分辨率，或者當使用了ideal值的時候返回一個最接近的分辨率，但是如果你開始使用的是min關鍵字並賦予了比較大的值，或者exact關鍵字含有不支持的值，你就會立即觸發這個錯誤。
錯誤項還會通過constraintName屬性提醒你約束無法滿足，並且會彈出消息“約束無法滿足”。
NotAllowedError
當用戶拒絕（或者之前拒絕過）攝像頭或者麥克風的使用請求時就會出現這個錯誤。
Firefox會出現MediaStreamError，名稱屬性設置為“NotAllowedError”，以及彈出消息“用戶代理或者當前平台不允許該請求”。
Chrome會出現NavigatorUserMediaError，其名稱屬性設為“PermissionDeniedError”。
TypeError
當傳遞給getUserMedia()的約束對象為空或者將所有軌道（音軌，視頻軌，或者兩者）被設置為false的時候就會出現這個問題。
Firefox會提出MediaStreamError，其名稱屬性設置為“TypeError”，以及一個消息“音頻和/或視頻被請求”。
Chrome會出現一條“TypeError：無法在‘MediaDevices’上執行‘getUserMedia’：必須至少請求一個音頻和視頻”。
解決這些錯誤
使用基於新的promise的getUserMedia()處理這些錯誤就很簡單了。你可以使用下面的代碼：
