Audio and Video capture from webcam using html5 - html

I need some help/suggestion . I'm building a website using PHP, MySQL, HTML5, CSS and I'm stuck at a point.
I have few queries regarding Audio and Video capture from webcam using HTML5.
Is it possible to capture audio and video (Audio and Video means , audio separately, video which will record the audio too [for an example say some one is singing]) from webcam using html5 and PHP or JavaScript code and store it at local pc or in a Live servers pace where I want to ?
Also if it is not possible using html5 , can anybody please suggest a solution? May be using flash or some 3rd party application which I can use in my website with no restriction!
Can anyone help?

You can rent a server with Flash Media such as www.influxis.com and develop the capture part using flash.

HTML5 supports getUserMedia, as documented at http://dev.w3.org/2011/webrtc/editor/getusermedia.html
A good article on this (including examples that actually work, with code) is available here http://www.html5rocks.com/en/tutorials/getusermedia/intro/

Related

How to play live streaming videos in html5 using video element?

I am trying to play live streaming videos in html5. I have tried red5 server to subscribe the video and it worked well. but the problem is, It is playing using flash in browser. I want to play the video in html5 video tag without using flash support.
Note: Live streaming format is flv.
Can anyone guide me with the best option to do this?
Thanks in advance.
You can use alternatives for flash player using third party player such as JW player, SublimeVideo, VideoJS, etc.
I would also look into html5_rtsp_player if you are looking for non http based protocol. (https://github.com/Streamedian/html5_rtsp_player)
Since HTML5 video does not support .flv at this time (or probably ever), you should use a post-processor (if recording to flv on Red5) to convert to .mp4 using ffmpeg. This will alleviate the unsupported container issue.

HTML5 video player showing to enable flash in browser. How can I play stream video without enable the flash?

I made a streaming server and a website to show the Video. I have tried with many HTML5 player. But problem is no player working without enable flash on browser. There are a website http://jagobd.com and its playing video even I block flash on this site. How they did it? and How can I get this kind of player open source? could you please give me any solution?
My streaming link is Rtmp
RTMP is a Flash technology, and only plays in Flash or other players that support it. No browser supports RTMP, and it's unlikely that any will in the future.
If you want to use a regular HTML5 player, you need to use a compatible streaming format. Consider DASH. While it doesn't have native support in-browser, it doesn't need it as it can be handled with MediaSource Extensions. Most modern browsers support MSE. Many encoders do as well, and you can use whatever static web hosting or CDN you want.
There are other options for video distribution as well, if you have special streaming requirements.

How to embed RTMP live-stream?

I want to embed an RTMP Live Stream in a HTML document. I want to use HTML5 instead of flash (That it can work under *nix/osx/mobile devices).
How can I do this? Do I need to use 3rd party libraries? When yes: Can you recommend one?
I've found an answer on StackOverflow but it wasn't very helpful. Since the answer was from 2011 I guess it's okay to ask this question again.
RTMP was designed for Flash and works with Flash. I'm not aware of a way to embed it in HTML5 without a Flash engine.
Considering the above you could:
write or find a specialized player that can talk to a RTMP server and
play the stream without Flash, but this beats your intention of
embedding the video in a web page
or
create two streams based on the same source for each target device. This can be achieved by transcoding the source material in multiple formats or live transcoding and re-streaming of the RTMP source. You could use HLS as an alternative protocol which is supported on a greater number of platforms, even if it has its hiccups with certain versions of Android (especially 4.4.3 and 4.4.4)
There are paid and freeware solutions for RTMP re-streaming, like Nimble or Wowza Streaming Engine to name a few.

blackberry browser - video format

It looks like the browser on a Blackberry doesn't support either HTML 5 or Flash...
What's the best format to display video in it?
Thanks
BrowserSession is useful to paly video and audio formats in Blackberry.Visit following
links useful for you.
BlackBerry - Play mp4 video from remote server.
If you need information about Browser session the following link might help you.
http://docs.blackberry.com/en/developers/deliverables/11844/Browser_session_management_438294_11.jsp
You would use the object tag e.g.
<object data=FILENAME type=MIMETYPE>
You can see the supported video formats on different phones here (PDF).
Source
Latest version of blackberry (from 6.0). but however it is not that intelligent to play videos efficiently.
Is your application using native code ? If yes, then go for manual player or invoke default browser which has capability to play videos. I have done the same way for you tube videos.

Embedding Video Cross Browser, Single format / Embed

I have a task ahead of me that I do not know the easiest way to address. Currently I am building out an admin section in Symfony for a client and she would like to upload video. She has the capability of conversion and will use the format I specify but I just do not know what the best on is for cross browser compatibility. I think .mov seems pretty good but I do not know. I would like simple embed code and to swap out the video src with js. Any and all help appreciated as always.
Thank you in advance,
J
I think currently the best option is H264 in a mp4-container with Flash based video player such as
http://flowplayer.org/
http://www.longtailvideo.com/players/jw-flv-player/
If you want use HTML5 video I would suggest that you use some flash hybrid to get maximum browser support
Check this out:
http://www.longtailvideo.com/support/jw-player/jw-player-for-html5