I know it would be hard to implement a web-based voice recorder without using flash, but is there any existing API that could help make this possible to achieve? Is HTML5 media feature matured enough for this space?
Thanks guys :)
Web Audio API is quite mature, and supported by many browsers (even on mobile).
You can implement your audio recorder starting from
this example
this plugin
Related
I need to implement some kind of audio/video chat.
Customer wants maximal cross browser compatibility (ChromeFrame is not an option).
I've read about WebRTC, it's new and cool, works in Chrome and Firefox, but IE is problem.
Any ideas on implementing this chat for IE ?
WebRTC is not well supported, thus it is not "maximally cross browser compatible".
For maximum compatibility you'll need to either write a browser plugin or use Flash. The fact Google Hangouts require a plugin download is a pretty good indication that this is probably the best solution for supporting the maximum number of users. But it's also non-trivial.
Honestly, implementing audio/video chat from scratch is hard. Really hard. So you should probably avoid it. Instead, consider using a third party solution that you can embed. Assuming that's the route you want to go, you should probably head over to Which service to embed a videochat easily on a website? .
I have a good knowladge in web development , But in this situation, I'm trying to find the best way to convert flash site to html5 where it supports in all modern browsers and compatible with iphones and tablets,
http://www.undergroundcathedral.com/
Please do visit the above link, currently it works in flash, I want to convert it into html5,
I would be glad if any one can suggest me a way of doing it, with complete guidance tutorials, and links,
I drew lines in a html5 canvas but, couldn't find a way to make them anchors. I hope to add onmouseover event to play the sound and to pop up the image,
Suggest me the best way,
Thanks in advance :)
Google has a good service for this use called Swiffy. It is also availible as a plugin for Adobe Flash Studio, if you use it.
From as far as I know Adobe Flash CC has the ability to export, including apps built using ActionScript, into HTML5 + JS + CSS web apps. Take a look > http://tv.adobe.com/watch/creative-cloud-for-web/adobe-flash-professional-cc-overview/
I'm working on kind of an educational site, where there are teachers and students around the world (potentially). Since it's a non-profit site, and I don't have the need for it to be done tomorrow (kind of a side project of something bigger), I wanted to know the best way to figure out how to do this. I'm not a programmer by trade, I've been on the systems side of things for years, but I understand most technology and the question here is more how to gauge what to do so I can get the right resources in place.
That said... here's what I am looking at. I figure the future is HTML5, and that's probably where I'd rather spend my efforts given that it will be cross platform and without the need for plugins. It will work on mobile as well. Question is, how well does HTML5 handle input media, say desktop capture and camera, or on mobile perhaps, where I'd want to use the user's phone camera, etc.
Second question is dynamic streaming... I've read about MPEG DASH, then there are technologies like Smooth Streaming (which I think given the way Silverlight is going is going to be gone or useless), then also Apple and Flash, but if I'm doing HTML5 it doesn't benefit me. Any ideas here would be really helpful, and the more detail the better! :)
That's about it... there are free chat services out there like using the MSN Web Chat controls (how good they are, I don't know, but worldwide most people have a Hotmail/MSN account) so I can use that for chat. I don't know its limitations of course, but that's something if people know or have suggestions, then I'm all ears.
As far as I know the video tags doesn't support input media as such, all it does rather well for the moment is play video files IF the file formats is supported by the given browser (different browsers different extensions) Also I have seen out there a solution where someone stream their own webcam into the video tags but that was on Mac only and using other technologies to help out.
The video tag is not supported by all browsers either, recent modern one will but if you need to support IE flash is still a better alternative way to provide videos across all platforms.
Streaming is only partially supported by some browsers and is not an easy task to achieve.
Here is few links that might help.
http://ishtml5readyyet.com/
http://html5readiness.com/
https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
There are actually several posibilities to do this since HTML5 makes it super easy to stream most the basic input using video tags is however very much limited because you won't have actual access to the bytes like you would want.
But to convert something basic like mp4 to html5 compatible video just use this converter tool:
http://easyhtml5video.com/
I want to make a single web application avoiding any flash code. This application must contain videoconference, and I want to implement it in pure HTML5. It is possible? I know about websockets, but don't know really if videoconference can be implemented through them with a relative performance (at least, 24fps + sound at a right resolution, minimum 640x480), and both endpoints being web apps (both endpoints should use browser).
Thanks in advance
Anyone following up this question - on Feb 4th, 2013 they produced the solution with WEBRTC in Chrome and Firefox. For examples see https://hacks.mozilla.org/2013/02/hello-chrome-its-firefox-calling/ or http://www.html5rocks.com/en/tutorials/webrtc/basics/ or https://code.google.com/p/sipservlets/wiki/HTML5WebRTCVideoApplication
You can't really use HTML5 video for live streaming at the moment, and it doesn't have support for web cams yet.
Ericsson has modyfied a WebKit browser and is showing how this can be done with hopfully upcoming HTML5 Stream API. See Beyond HTML5 - Implementing and stream management in WebKit
It is impossible to capture web-cam images/microphone feed just through JavaScript (although there are plug-ins which let you handle output through flash), so it would be necessary for you to have some kind of application/plug-in installed.
The speed part is just for the client to worry. I mean, web sockets will be as fast as the connection permits.
You should do some research about web workers, since they would be very useful for speeding up your application (you could have microphone interface, web-cam interface and UI all with their particular worker, thus never blocking the application or rendering it unresponsive).
EDIT: the aforementioned jQuery plug-in works through the use of <canvas>.
As Jonas said, according to the situations now, we can't build video conference with HTML5. There are many limitations with browsers also. As there is no common video codec supported by all browsers. And live-streaming is also properly supported by safari only(using HTML5 video tag). As per my experience we can't build live-streaming on windows with any browser properly.
But if you wanna get some information about live streaming see https://developer.apple.com/library/archive/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/Introduction/Introduction.html
you can use this source to test your live-streaming examples
"http://xfunoonx.api.channel.livestream.com/3.0/playlist.m3u8"
This content will work only with safari on Mac.
I'm new to flash, but I understand most concepts of it and had great progress so far.
I was wondering how hard it would be to say download a youtube video and what components/functions I would have to use. I know its possible since I've seen an Adobe Air app that does it.
Take a look at the Youtube Chromeless Player!
This depends on what purpose you have with your YouTube application. Depending on what you want to do you can go several different ways
If you want to use the in-built flash functionality, use the flash API. http://code.google.com/apis/youtube/flash_api_reference.html
The best solution (i think) is to use the JS api, it has a lot of tweaking options for playlists, start/ stop function, cusumization (such as the chromeless player mentioned above). Available here: http://code.google.com/apis/youtube/js_api_reference.html