Запись голоса в мобильном веб-приложении

Question

Вопрос: Возможно ли с помощью какой-либо технологии интегрировать запись голоса в мобильное веб-приложение?

Некоторая справка: Я работал над мобильным веб-приложением только для собственного удовольствия и исследований.Казалось, что все работает довольно хорошо с HTML5 / CSS и JavaScript для клиентского приложения, хотя, похоже, мне нужна сторонняя технология для записи голоса.У меня было довольно хорошее решение, работающее с Flash, но после тестирования его на моем IPhone я вспомнил, что они, похоже, не поддерживают flash, что разочаровывает, потому что у меня получилось довольно хорошее решение.

Требования к записи голоса: 1. Должен работать с iOS и Android.2. Должен работать в большинстве современных версий Firefox, Google Chrome, Internet Explorer, Opera и Safari.3. Должен работать в рамках мобильного веб-приложения.4. Должен иметь возможность записи без активного подключения к Интернету.5. Клиентское приложение не должно требовать от пользователя изменения операционной системы телефона.Я старался быть как можно более конкретным, чтобы помочь вам точно ответить на этот вопрос.Если что-то неясно, просто дайте мне знать в комментарии ниже, и я уточню.

Answer 1

Отметьте это http://www.html5rocks.com/en/tutorials/getusermedia/intro/

Захват мультимедиа в формате HTML <input type="file">

Работает для большинства мобильных браузеров, но работает не очень хорошо, потому что для этого потребуется собственныйприложение для записи и его необходимо активировать вручную.

getUserMedia() и WebRTC

Пока что только Chromium хорошо поддерживает его в мобильном телефоне.

Итак, я отказался от веб-приложения.Гибридное приложение - это решение.

Если вы хотите попробовать гибридное приложение для записи, вы можете проверить плагин Cordova https://github.com/emj365/cordova-plugin-audio-recorder-api, который я создал для задачи записи в гибридном приложении.

Answer 2

Если вы хотите записать это как аудио, я думаю, что вы можете сделать это только для Chrome Dev, Chrome Canary, Opera Next и некоторых мобильных браузеров.Используя API WebRTC getUserMedia(), создайте URL-адрес большого двоичного объекта для URL-адреса аудиоданных, чтобы сохранить его.

Если вы хотите записать его как текст, возможно, вы можете использовать <input -x-webkit-speech/> для браузеров webkit.Создайте событие, при котором каждый раз, когда он прекращает запись, он добавляет записанную в настоящий момент речь к элементу и снова начинает запись.Наконец, создайте URL-адрес BLOB-объекта, чтобы сохранить его в виде текстового файла.