How to make Video conference application in HTML 5? [closed]
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this questionHow to 开发者_运维知识库make Video conference application in HTML 5? actually I want to build web conference application using HTML5. Please give me suggestions.
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
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.
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.
HTML5 is wonderful, but I don't think it's the technology you're looking for. If you want a barebones system, I would suggest a flash app that uploads a capture from the user's webcam to a server. Other users would do the same and to see each other would have to request the images from the server frequently. This probably wouldn't be a very good setup, though, and the frame rate would be awful. You best bet would be with buying servers that are pre-programmed to support video streaming. This question has already been asked a few times on stack overflow, so I'll point you in the direction of the already solved threads for the details:
- Live Video Streaming with PHP
- How to do Http Video Streaming PHP or an referece site to do this?
- Open Source PHP script for HTTP video streaming?
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.
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/
精彩评论