Play Ipcamera video with HTML5 __html

Source: Internet
Author: User
HTML5 added a vedio tag to play the video directly, but the format of the playback is limited.

Here will ipcamera video conversion ogg format, and then through the HTML5 page playback, playback is very clear. Ipcamera to support RTSP and other video streaming protocols, Taobao more than 100 of many ipcamera are supported. All the operations here are performed on the same computer.


Software to install on the computer:
VLC V2.1.3 video transcoding software
Apache V2.2 HTTP Server
Ipcamera IP Address: 192.168.1.11
Computer ip:192.168.1.10

One, through the VLC transcoding
1.media->stream->network, input the Ipcamera video stream address, this address can ask the person who sells the camera to want, or ask the manufacturer directly, my address is:

Rtsp://192.168.1.11:554/user=admin&password=&channel=1&stream=0.sdp?real_stream


2. Click on the stream->next->http below, click Add-> in the path to write/stream, the converted video stream address for Http://192.168.1.10:8080/stream


3. Click next-> to select the encoding format to convert to: Video-theora+vorbis (OGG)


4. Click Next->stream can be, then VLC title bar display streaming, indicating already in the transcoding


Two, Web page
Apache installation is very simple, do not understand where to refer to the Internet. I installed the directory for D:\Apache2.2,
The path to the page defaults to D:\Apache2.2\htdocs, The files in this directory have only one index.html:
index.html content:
<! DOCTYPE html>
<body>
<video controls>  
  <source src= "http:/ /192.168.1.10:8080/stream "type=" Video/ogg >
  Your Browser does not support the video tag.
</video>
</body>
Two, open the browser, enter the computer's IP address 192.168.1.10, click on the lower left corner of the "play" To play the video. Browser to use chrome, try ie not.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.