How to make Video conference application in HTML 5?
Solution 1
Edit: According to the link David posted as a comment. it is possible: http://whatwg.org/specs/web-apps/current-work/#devices
unfortunetely it is not possible with html5 alone, you will need flash for three reasons:
- HTML 5 can’t interact with a webcam.
- HTML5 cannot record audio from your microphone.
- HTML5 cannot do any sort of web conferencing.
source: http://active.tutsplus.com/articles/roundups/10-flash-things-you-can%E2%80%99t-do-with-html5/
cheers endo
Solution 2
In mid 2012, things have changed quite a bit. Webkit, Google Chrome and Opera support the getUserMedia API, and Google, Mozilla and Opera have partnered up to form the WebRTC initiative. The initiative has the goald to "enable rich, high quality, RTC applications to be developed in the browser via simple Javascript APIs and HTML5".
Check this blog post of an HTML5 video conference demo, which was posted to the discuss-webrtc Google Group. The W3C is working on a specification WebRTC 1.0: Real-time Communication Between Browsers, the initial draft of the document was provided by Google.
Solution 3
Here is a javascript API that you can use to connect to the webcam of devices http://dev.w3.org/2011/webrtc/editor/getusermedia.html. That might be a start I guess.
Solution 4
What you want is the device element. This is not part of HTML5 yet, but will likely be in the next version of HTML. It is defined in the WhatWG spec, which is where HTML5 was originally defined when it was called Web Applications 1.0. See the spec for more information. Unfortunately I don't think this is supported in any browser yet, but it should be coming soon. There are already experimental implementations. Also see the vision behind the device element.
Otherwise for mobile there are already device APIs to access hardware and software features of the phone using HTML and JavaScript. Phones with these APIs should be coming to market in the not too distant future. See Opera Labs for more information on this.
Solution 5
You might also check out some Open Source projects taht provide Video-Conferencing:
- http://code.google.com/p/bigbluebutton/ (Using Adobe Flex)
- http://incubator.apache.org/openmeetings/ (Using OpenLaszlo)
OpenLaszlo can compile both Flash and DHTML. However as there is no webcam/micro support in DHTML yet, OpenMeetings is using the Flash plattform as client side technology.
Both projects are based on the Red5 Streaming Server. Latest Apache OpenMeetings can be downloaded from: https://builds.apache.org/view/M-R/view/OpenMeetings/job/OpenMeetings%202.0/
Related videos on Youtube
user568814
Updated on June 04, 2022Comments
-
user568814 almost 2 years
How to make Video conference application in HTML 5? actually I want to build web conference application using HTML5. Please give me suggestions.
-
Quentin over 13 yearsAs sources go, that one is pretty dreadful. I've done three of the things it claims are impossible. (And it has had had to repeat itself in an effort to look like it has 10 things)
-
endo.anaconda over 13 yearsyoure right david, but facts are facts, no mic and no cam for html5-only-sites
-
Lars Blåsjö over 13 yearsI agree, facts are facts and endos answer is a good one to the question, but you could skip that source. The only good that came out of that article is probably that it inspired Bruce Lawson to this youtube.com/watch?v=R0T13iiAzLM and this active.tutsplus.com/articles/roundups/…
-
Quentin over 13 yearsMic and Cam are on the table for HTML: whatwg.org/specs/web-apps/current-work/#devices