2012-02-21 3 views
10

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

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

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

Я старался быть максимально конкретным, чтобы помочь вам точно ответить на этот вопрос. Если что-то неясно, просто дайте мне знать в комментарии ниже, и я дополнительно уточню.

+0

Возможно, вы можете использовать телефонный зазор для чего-то подобного. Проверьте этот пост. http://stackoverflow.com/questions/11305129/with-phonegap-i-would-like-to-record-voice-stop-recording-and-playing-it-in-a – tlaverdure

ответ

0

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

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

0

Проверить это http://www.html5rocks.com/en/tutorials/getusermedia/intro/

HTML Медиа Захват <input type="file">

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

getUserMedia() и WebRTC

До сих пор, только Хром поддерживает его хорошо в мобильном телефоне.

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

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

Смежные вопросы