Copyright © 2018 Home - Hostgator Reviews


Titahi Bay Webcam

Weather Cam



Titahi Bay Webcam

Streamedian RTSP player example

Playback rate:  live

Have any suggestions to improve our player?
Feel free to leave comments or ideas email:

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Streamedian RTSP player example</title>
<link rel="stylesheet" href="">
body {
max-width: 720px;
margin: 50px auto;

#test_video {
width: 720px;

.controls {
display: flex;
justify-content: space-around;
align-items: center;
input.input, .form-inline .input-group>.form-control {
width: 300px;


<video id="test_video" controls autoplay>
<!-- <source src="rtsp://" type="application/x-rtsp"> -->
<source src="rtsp://">

<div class="controls form">
Playback rate:&nbsp;
<input id="rate" class="input" type="range" min="0.5" max="5.0" value="1.0" step="0.5">
<output for="rate" id="rate_res">live</output>
<button id="to_end" class="btn btn-success">live</button>
<script src="/static/js/vendors/test.bundle2.js"></script>
<!-- Streamedian.init('test_video', {socket:"wss://"}); -->
var range = document.getElementById('rate');
var set_live = document.getElementById('to_end');
var range_out = document.getElementById('rate_res');
var player = document.getElementById('test_video');
range.addEventListener('input', function () {
player.playbackRate = range.value;
range_out.innerHTML = `x${range.value}`;
set_live.addEventListener('click', function () {
range.value = 1.0;
range_out.innerHTML = `live`;
player.playbackRate = 1;
player.currentTime = player.buffered.end(0);//player.seekable.end(player.seekable.length - 1);

<p><br>Have any suggestions to improve our player? <br>Feel free to leave comments or ideas email:<;/p>