Safari и аудиозапись в формате HTML Media Capture / getUserMedia ()

Похоже, теперь это путь для записи аудиозаписей от пользователя.<input type="file" accept="audio/*;capture=microphone" /> <input type="file" accept="audio/*" capture="microphone"> <input type="file" accept="audio/*" />

Но это оставляет Safari и iOS Safari.

Первоначально я, по крайней мере, планировал включить iOS Safari, воспользовавшись HTML- тегом <input type = "file" accept = "image / *" /> spec. Из всего, что я читал, это должно работать. Но из моих тестов iOS предложит только варианты фото / видео. Я пробовал следующие синтаксисы без везения:

<input type="file" accept="image/*" />

Однако захват изображения работает, как и ожидалось, что позволяет пользователю использовать камеру:

<input type="file" accept="video/*" />

Что мне нужно изменить, чтобы заставить iOS Safari работать с HTML Media Capture при необходимости доступа к микрофону?

И есть ли другие опции, доступные как для Safari, так и для iOS Safari, кроме того, что я уже пытаюсь сделать?

javascript,html,ios,safari,audio-recording,

3

Ответов: 3


4 принят

Safari на iOS 6+ поддерживает спецификацию HTML Media Capture, но только для видео и фотографий:

  • <input type="file" accept="audio/*" />
  • capture

Он не поддерживает запись только аудио, поэтому следующее не приведет к ожидаемому результату:

  • <input type="file" accept="image/*" capture />

Android поддерживает все 3 (видео, аудио, изображение).

Таким образом, поддержка Android и iOS выглядит следующим образом:

введите описание изображения здесь

С Safari на iOS 10.3 captureтакже поддерживается логический атрибут. Он указывает, что захват непосредственно с веб-камеры является предпочтительным. При использовании опция выбора существующего видео или изображения не будет предлагаться в Safari на iOS 10.3+:

  • getUserMedia

Я написал больше о теме HTML Media Capture на https://addpipe.com/blog/correct-syntax-html-media-capture/


3

UPDATE: новое в Safari 11.0 (iOS 11) - доступ к камерам и микрофонам. Добавлена ??поддержка API Media Capture. Добавлена ??возможность доступа к камерам и потокам микрофона с пользовательского устройства (требуется разрешение пользователя).

https://developer.apple.com/library/archive/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_0.html


0

Safari по-прежнему не поддерживается getUserMediaдолжным образом. Это не удается:

imgCapture = new ImageCapture(stream.getVideoTracks()[0]);

Это работает в Chrome, но Safari не знает, что это ImageCapture()такое.

JavaScript, HTML, ИОС, сафари, аудио-записи,
Похожие вопросы