How to record and replay sound in browser? - javascript

I'd like to write a web version of Talking Tom, which would record what you say and play them again.
But I can't find api for record sound in browser.... is it possible?
I'd like to write a Chrome App, so no need to worry about other browsers.

FLASH has support for microphone - its about your only option as far as I know.

Related

How can I capture an audio stream playing in my application, and then it use it as a valid input for Web Audio API for visualization?

I am building an app that I want to be able to capture browser audio from say Spotify or YT. And then make it so that I can turn it into a live stream to input into Web Audio API to create visuals while the audio plays. I've came across technologies like Jack and MediaCapture API but wanted to know if anyone has an efficient approach. Any ideas and suggestions are appreciated greatly.
UPDATE:
Was able to get my audio to stream in my application's tab. I am looking for an approach on how to capture the audio to analyze it. I've seen a method where it can be captured through microphone hardware, but I wanted to capture just the audio without any interfering noises.
You can use getDisplayMedia() to get a MediaStream from other tabs, but this is subject to browser support. Chromium-based browsers support this, but others are less compatible at the moment.
Additionally, the UX isn't very good. It depends on the user first choosing that they want to capture another tab, checking a box to share that tab's audio, and then continuing. Also, you need to then stop the video track you get back.
You might consider participating in these discussions to push for better browser support:
https://github.com/w3c/mediacapture-screen-share/issues/100
https://github.com/w3c/mediacapture-viewport/issues/11

Create an extension to the browser to acces local scanner

I would like to access a special hardware (a penta scanner, for the wisest ;) ) from a web page.
The aim is to retrieve the information from the scanner and compute it on server side.
The problem here, is that I have to summon functions from a DLL that has to be on the client side. I have two leads for that:
Develop a COM DLL and use ActiveX
Try to get through a homemade extension for a web browser in order to communicate with the local DLLs.
I've tried the first option, and I got stuck and I've posted another thread about it. Anyway, even if it works, there are too many constraints about it (as to use IE or the fact that even Microsoft is not fond of this feature and banned it from edge).
The second method is something that I found on another forum but, I do not understand how I can interact with a browser extension (whatever the browser).
So what I am asking is:
Is it possible to use a web browser extension as a medium to a local DLL and if so, would you be so kind as to give a hint about how to do ar anything that might look like a start about how to do it (even just some key words to use on google, since mine didn't get anything)....
Thanks.
Based on my understanding, the motive to develop an Extensions is to enhance the feature and functionality for particular web browser.
You cannot control any hardware devices like printer or scanner with it.
So if your goal is to control the scanner from your web page with the help of any kind of extension than I think you cannot do this with Extension.

Web Audio API - record all tab sounds

Is there a way to intercept and record all sounds happening in a browser tab using Audio API or some other method.
Let's say I am watching simultaneously three YouTube videos in one tab, can I record that using Audio API?
This isn't really directly possible (for security and privacy reasons). As a user, it's possible to set it up - by setting a loopback audio driver as your audio output driver for the YT tabs - but not in a totally automated way.
(This is a duplicate, btw - of Cross application audio analysis with the Web Audio API, et al.)
You can use http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library this javascript library.
This link has full documentation, features and usage. This library works great for games and audio-related web apps. Hope this will help you.

Audio recording with HTML5

I'm trying to implement audio recording in a website. Basically the user should be able to press a button and speak something into the microphone. The recorded audio should then be sent to the server for further processing. I realise that you can do this with Flash, but for now I'm trying to avoid that.
I found several resources on the internet about it (i.e. link) but as it seems, this functionality is not widly supported yet. I experienced differences betweet the used browser and between the used operating system. For instance, the Chrome Browser doesn't seem to access any microphone on Linux correctly. So i was wondering if anyone knows a good resource to dive into this. Or maybe someone tried to set up something like this himself, and can help with some suggestions about where the limitations of HTML5 and the JavaScript Web Audio API are right now.
Thanks!
As of Chrome Version 27.0.1453.56 beta Mac, audio recording works with this demo application https://github.com/mattdiamond/Recorderjs
This app returns back a WAV file for the user which can be uploaded to the server.
If you want a truly robust solution that works on most desktop web browsers, you may need to resort to Flash.
This article covers up pretty well the current state of audio video capture possibilites using HTML5:
http://hdfvr.com/html5-video-recording
Also for just audio capture, here's a gitHub project that records audio to mp3 directly from the browser:
https://github.com/nusofthq/Recordmp3js

Audio streaming and voice recording via HTML and Javascript

I'm on a new project that requires to stream audio files (mp3) and record voice messages.. of course my first option was to use flash. But the problem is that the customer wants the website to be iPhone friendly.
Is there any technologie that allows me to play and record voice messages just with javascript/php/xhtml?
And of course, the website should be fully compatible with firefox, safari, internet explorer, etc.
I googled it and everything I found was flash-based.
but if you have any clue about it, please let me know.
No. Not even the new-ish HTML5 has any features to record audio. You'd need to go through Flash or Java - but that would rule out iPhone.
if you want to record sound you should do it with the new HTML5's api's, you can read more about it on
https://labs.ericsson.com/developer-community/blog/beyond-html5-audio-capture-web-browsers
However, this is theory, in reality no browsers support it and there is no way to do it. So in short: you cannot do what you ask.
What you could do is create an iPhone native app for those who want to use iPhone, and a flash website for those who want to access it with a regular browser.

Categories

Resources