Results 1 to 2 of 2

Thread: IP Cam (RTSP) Stream transcoded with wowza and embeded in a website.

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Join Date
    Apr 2015
    Posts
    1

    Default IP Cam (RTSP) Stream transcoded with wowza and embeded in a website.

    Hi Everybody

    I am having problems configuring following case:
    My Customer would like to have his Surveillance Cameras embeded to a Website. The webpage and the livestreams should be accessible by any Device and Browser without using plugins.

    I have tried following:

    Incoming Stream is: rtsp://172.17.27.62/media/video1 (Sony Ipela CH140)
    Transcoding: Transrate (Default)

    source mp4:${SourceStreamName}_source
    720p mp4:${SourceStreamName}_720p
    360p mp4:${SourceStreamName}_360p
    240p mp4:${SourceStreamName}_240p
    160p mp4:${SourceStreamName}_160p

    I can watch the streams without problems in wowza test players. I see that they are being watched with flash player.

    I try to embed the transcoded streams with following html5 code on my local xampp (apache):

    <!DOCTYPE html>
    <html>
    <body>

    <div style="text-align:center">
    <button onclick="playPause()">Play/Pause</button>
    <button onclick="makeBig()">Big</button>
    <button onclick="makeSmall()">Small</button>
    <button onclick="makeNormal()">Normal</button>
    <br>
    <video id="video1" width="420">
    <source src="http://localhost:1935/Surveillance/ngrp:test.stream_all/manifest.f4m" type="video/mp4">
    Your browser does not support HTML5 video.
    </video>
    </div>

    <div style="text-align:center">
    <button onclick="playPause()">Play/Pause</button>
    <button onclick="makeBig()">Big</button>
    <button onclick="makeSmall()">Small</button>
    <button onclick="makeNormal()">Normal</button>
    <br>
    <video id="video1" width="420">
    <source src="http://localhost:1935/Surveillance/ngrp:test.stream_all/playlist.m3u8" type="video/mp4">
    Your browser does not support HTML5 video.
    </video>
    </div>

    <div style="text-align:center">
    <button onclick="playPause()">Play/Pause</button>
    <button onclick="makeBig()">Big</button>
    <button onclick="makeSmall()">Small</button>
    <button onclick="makeNormal()">Normal</button>
    <br>
    <video id="video1" width="420">
    <source src="http://localhost:1935/Surveillance/ngrp:test.stream_all/Manifest" type="video/mp4">
    Your browser does not support HTML5 video.
    </video>
    </div>

    <div style="text-align:center">
    <button onclick="playPause()">Play/Pause</button>
    <button onclick="makeBig()">Big</button>
    <button onclick="makeSmall()">Small</button>
    <button onclick="makeNormal()">Normal</button>
    <br>
    <video id="video1" width="420">
    <source src="http://localhost:1935/Surveillance/ngrp:test.stream_all/manifest.mpd" type="video/mp4">
    Your browser does not support HTML5 video.
    </video>
    </div>

    <script>
    var myVideo = document.getElementById("video1");

    function playPause() {
    if (myVideo.paused)
    myVideo.play();
    else
    myVideo.pause();
    }

    function makeBig() {
    myVideo.width = 560;
    }

    function makeSmall() {
    myVideo.width = 320;
    }

    function makeNormal() {
    myVideo.width = 420;
    }
    </script>
    </body>
    </html>

    none of them work in latest chrome browser.
    Can I configure the wowza transcoding in to mp4 supported format in html5?
    What would be the next steps to reach my goal?

    Regards Mathias

  2. #2

    Default

    Hi Mathias,

    Many older browsers do not support HTML5, so you could have issues with the above code working properly on older client connections.

    You may want to consider using player software, such as JWPlayer, to achieve better cross-platform reliability. When combined with Wowza Streaming Engine, these players will detect incoming client capabilities and select the best video format for each client connection.

    Please reference the following article on how to configure JWPlayer for use with Wowza Streaming Engine.

    Best regards,
    Andrew

Similar Threads

  1. Replies: 2
    Last Post: 03-04-2014, 10:08 AM
  2. RTSP IP Cam Live Stream
    By mcperson2k in forum Tutorials Discussion
    Replies: 4
    Last Post: 03-13-2012, 07:16 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •