Nagrywanie głosu w mobilnej aplikacji internetowej

Question

Pytanie:
Czy jest możliwe, przy użyciu jakiejś technologii, zintegrowanie nagrywania głosu z mobilną aplikacją internetową?

Niektóre tła:
pracuję w aplikacji mobilnej internetowej tylko dla własnej przyjemności i badań. Wydaje się, że wszystko działa dobrze z HTML5/CSS i JavaScript dla aplikacji klienckiej, chociaż wygląda na to, że potrzebuję technologii trzeciej strony do nagrywania głosu. Miałem całkiem niezłe rozwiązanie w pracy z Flash, ale po przetestowaniu go przy pomocy mojego iPhone'a, przypomniałem sobie, że nie obsługują one flasha, co jest rozczarowujące, ponieważ miałem całkiem niezłe rozwiązanie.

nagranie głosu Wymagania:
1. muszą pracować zarówno z systemem iOS i Android.
2. Musi działać w większości aktualnych wersji przeglądarki Firefox, Google Chrome, Internet Explorer, Opera i Safari.
3. Musi działać w ramach mobilnej aplikacji internetowej.
4. Musi być w stanie nagrywać bez aktywnego połączenia z Internetem.
5. Aplikacja kliencka nie powinna wymagać od użytkownika zmiany systemu operacyjnego telefonu.

Starałem się być tak dokładny, jak to tylko możliwe, aby pomóc ci w dokładnym udzieleniu odpowiedzi na to pytanie. Jeśli coś jest niejasne, po prostu daj mi znać w komentarzu poniżej, a ja dalej wyjaśnię.

Answer 1

Jeśli chcesz nagrać go jako audio, myślę, że możesz go udostępnić tylko dla twórcy Chrome, kanalu Chrome, następnej przeglądarki Opera i niektórych przeglądarek mobilnych. Korzystając z interfejsu API WebRTC getUserMedia(), utwórz URL adresu URL URL danych audio, aby go zapisać.

Jeśli chcesz nagrać to jako tekst, możesz użyć przeglądarki <input -x-webkit-speech/> dla przeglądarek internetowych. Wykonaj wydarzenie, które spowoduje, że za każdym razem, gdy przestanie nagrywać, doda aktualnie nagraną mowę do elementu i rozpocznie nagrywanie ponownie. Na koniec utwórz URL typu blob, aby zapisać go jako plik tekstowy.

Answer 2

Sprawdź to http://www.html5rocks.com/en/tutorials/getusermedia/intro/

HTML Mediów Przechwytywanie <input type="file">

pracować dla większości przeglądarek mobilnych, ale to nie działa dobrze, ponieważ będzie to wymagać natywną aplikację do nagrywania i musi aktywny ręcznie.

getUserMedia() i WebRTC

Dotychczas tylko Chrom wspierać go również w telefonii komórkowej.

Zrezygnowałem więc z aplikacji internetowej. Aplikacja hybrydowa to rozwiązanie.

Jeśli chcesz wypróbować aplikację hybrydową do nagrywania, możesz sprawdzić wtyczkę Cordova https://github.com/emj365/cordova-plugin-audio-recorder-api, którą utworzyłem do nagrywania w aplikacji hybrydowej.