Предлагаем всем желающим протестировать поддержку FLV и HLS из Линии
Тестовая версия программного обеспечения http://devline.ru/f/linia-7.0.10-cb1751069f9c_Win32-ru.exe
Данный функционал планируется использовать для:
- трансляции H.264 на сайте с более высокой скоростью обновления при более низких требованиях к каналу;
- трансляции на мобильных устройствах.
Flash Video (FLV)
<script src="http://rtsp.me/js/swfobject.js"
type="text/javascript"></script>
<script type="text/javascript">
var flashvars = {
ip:"demo.devline.ru", //ip адрес сервера или доменное имя
port:80, //порт, по умолчанию 9786
login:"web", //имя пользователя
pass:"", //пароль пользователя
uriCamera:"/cameras/0", //номер камеры
ptz:"false", //PTZ :"true"|"false"
playOnStart:"false", //автостарт :"true"|"false"
stream:"main", // номер потока:"sub"|"main"
lang:"ru", //язык :"ru"|"en"|"cn"
name:"Краснодар", // название трансляции, по умолчанию, имя камеры на сервере
keepAspectRatio:"false" //:"true"|"false"
};
var params = {
menu: "false",
scale: "noScale",
allowFullscreen: "true",
allowScriptAccess: "always",
bgcolor: "#000000"
};
var attributes = {
id:"flash"
};
swfobject.embedSWF("http://rtsp.me/miniflashflv.swf", "altContent",
"640", // set as a percentage or absolute size (in pixels)
"480",
"11.2.0", "expressInstall.swf", flashvars, params, attributes);
</script>
<div id="altContent"></div>
HTTP Live Streaming ( HLS )
В коде для HLS (трансляция предназначена в первую очередь для мобильных устройств) используется Base64 авторизация.
<video src="http://demo.devline.ru/cameras/0/streaming/main.m3u8?authorization=Basic%20d2ViOg=="poster="http://demo.devline.ru/cameras/0/image?resolution=280x210&authorization=Basic%20d2ViOg==" width="100%" height="100%" controls>
<div id="altContent"></div>
Авторизация в примере
authorization=Basic%20d2ViOg==
d2ViOg== - это закодированное имя пользователя и пароль, в данном случае - web без пароля. Чтобы закодировать требуемую пару откройте http://base64.ru/ и укажите данные в виде login:pass
Этот же поток возможно использовать и в ретрансляторе указав ссылку вида
http://demo.devline.ru/cameras/0/streaming/sub.flv?authorization=Basic%20d2ViOg==
в виртуальном сервере.
<script type="text/javascript" src="https://ru.devline.tv/js/swfobject.js"></script>
<div id="n7tAicM4" class="camera_row"><a href="http://rtsp.me/hls.php?id=n7tAicM4" target="_blank"> <img src="http://rtsp.me/choose.png"> </a>
</div>
<script>
var flashvars = {
name:"Тест",
stream:"n7tAicM4",
buffer:"5",
w:"640",
h:"480"
};
var params = {
menu: "false",
allowFullscreen: "true",
allowScriptAccess: "always",
bgcolor: "",
wmode: "direct"
};
var attributes = {
id:"n7tAicM4"
};
swfobject.embedSWF("https://ru.devline.tv/rtmp28042015.swf", "n7tAicM4", "640", "480", "10.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>