# IVS Web Player SDK の既知の問題と回避策
<a name="web-issues"></a>

このドキュメントでは、Amazon IVS Web Player SDK を使用する際に発生する可能性がある既知の問題を示し、可能な回避策を提案します。
+ iOS モバイルブラウザ (Safari や Chrome など) で録画したコンテンツ (VOD と呼ばれる) を再生する場合、後方シークをするとプレイヤーがミュートになります。

  **回避策:** シーク後に `player.setMuted(false)` を呼び出します。
+ iOS モバイルブラウザで録画されたコンテンツを再生する場合、希望の位置を直接選択すると、後方シークが断続的に動作します。

  **回避方法:** シークバーを移動した位置までドラッグします。
+ iOS モバイルブラウザで録画したコンテンツを再生するときに、`player.seekTo()` の呼び出しが一貫して機能しません。

  **回避策:** `loadeddata`イベントの後に動画 HTML 要素に `currentTime` を設定します。　 例: 

  ```
  videoEl.addEventListener('loadeddata', () => {
  	videoEl.currentTime = 30; // seek 30s from the beginning
  });
  ```
+ iOS モバイル ブラウザでライブ ストリームまたは録画されたコンテンツを再生すると、キャプションが異なるサイズでレンダリングされず、複数回再レンダリングされる場合があります。

  **回避策:** 該当なし。
+ iOS モバイルブラウザでライブ配信や録画したコンテンツを再生するときに、`player.getQualities()` 呼び出しで利用可能な品質のリストを返しません。

  **回避策:** 該当なし。プレーヤーは、iOS ブラウザで自動品質モードだけをサポートしています。
+ ネイティブ HTML5 コントロールが有効な場合、`setQuality()`の呼び出しは無視されます。

  **回避策:**`player.setQuality()`を呼び出す前に、HTML5 コントロールを無効にします。
+ iOS モバイルブラウザでミュート状態のライブストリームを再生すると、非アクティブなプレーヤータブ (タブスイッチやデバイスのロック/ロック解除など)を再開したときに、プレーヤーが不安定 (画面が黒くなる、フリーズする、バッファリングなど) になることがあります。

  **回避策：**JavaScript [Page Visibility API](https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API) を使用して、ページの表示の変化を検出し、それに応じてプレーヤーでアクションを実行します。例えば、次のようになります。

  ```
  //if client platform is iOS
  if (!!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform)) {
      document.addEventListener(“visibilitychange”, () => {
          if (document.visibilityState === “hidden” && player.isMuted()) {
              player.pause()
          if (document.visibilityState === “visible” &&
              player.getState() != PlayerState.PLAYING) {
              player.play()
          }
      })
  }
  ```
+ iOS Safari で Web Player SDK を使用する場合、Media Source Extensions (MSE) の iOS サポートが制限されているため、再生許可はサービスワーカーなしでは機能しません。

  **回避策:** Player SDK を使用してサービスワーカーを実装します。「[サービスワーカーのセットアップ](web-getting-started.md#web-service-worker)」と、この[デモ](https://github.com/aws-samples/amazon-ivs-player-web-sample/blob/master/samples/service-worker/service-worker.ts)を参照してください。