Record voice from IPhone using HTML5

by

You could try HTML Media Capture. An article on dev.opera says:

Android OS 3.0 was the first platform to provide HTML Media Capture
support, via its default Android Webkit browser. Now HTML Media
Capture is also supported by:

  • Safari and Chrome Mobile for iOS 6+
  • Chrome Mobile for Android OS 3+
  • Firefox Mobile for Android OS 3+
  • Opera 16 for Android OS 3+

Nonetheless some of them only partially implement the specification or
implement an older W3C specification, that makes the code above
slightly different:

<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input type="file" accept="audio/*" capture="microphone">

It links out to a demo page which you could try on your mobile. I also found this example page. In my quick iOS 7 testing though, it only worked correctly for photos and videos.

Edit: Further reading suggests accept="audio/*" isn’t actually supported on iOS 6 and 7, only accept="image/*" and accept="video/*".

Update: A quick test on iOS 8.3 suggests nothing has changed here: accept="image/*" and accept="video/*" are supported, but accept="audio/*" is not.

Update: A quick test on iOS 10.0.2 suggests accept="audio/*" is still not supported, although it looks like you might be able to upload an audio file from iCloud Drive or Dropbox now.

Update: Despite what it says in the Webkit blog post, there still seems to be no support for accept="audio/*" in iOS 10.3 on my iPhone 5S.

Update: Same story in iOS 11.0.3. There still seems to be no support for accept="audio/*" on my iPhone 5S.

Update: Still the same in iOS 12.4.3. There seems to be no support for accept="audio/*" on my iPhone 5S.

More Related Contents:

  1. How to launch html using Chrome at “–allow-file-access-from-files” mode?
  2. How do I load an HTML page in a div using JavaScript?
  3. How does the paste image from clipboard functionality work in Gmail and Google Chrome 12+?
  4. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  5. Jquery load() only working in firefox?
  6. JSFiddle code not working in my own page
  7. “Uncaught TypeError: Illegal invocation” in Chrome
  8. Video auto play is not working in Safari and Chrome desktop browser
  9. Chrome counts characters wrong in textarea with maxlength attribute
  10. Chrome Extension how to send data from content script to popup.html
  11. How to prevent “The play() request was interrupted by a call to pause()” error?
  12. \u200b (Zero width space) characters in my JS code. Where did they come from?
  13. Chrome Autofill/Autocomplete no value for password
  14. Open IE browser in Firefox/Chrome page
  15. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  16. Is innerHTML asynchronous?
  17. How to clear cache of service worker?
  18. Checkbox Check Event Listener
  19. Cannot access cssRules from local css file in Chrome 64
  20. How can I retain the scroll position of a scrollable area when pressing back button?
  21. Animated gif only loops once in Chrome and Firefox
  22. Chrome FileReader
  23. Completely lost on how to save extension popup window content
  24. Anchor tag download attribute not working :Bug in Chrome 35.0.1916.114
  25. Bug with Chrome’s localStorage implementation?
  26. Resource interpreted as Script but transferred with MIME type text/plain – for local file
  27. Is there a way to increase the size of localStorage in Google Chrome to avoid QUOTA_EXCEEDED_ERR: DOM Exception 22
  28. Where are cookies saved for a local HTML file?
  29. HTML5 Notification not working in Mobile Chrome
  30. Chrome Extension get selected text

Leave a Comment