hoe rtsp stream op website zetten

Onderwerpen die nergens anders thuis horen en toch eerder technisch van aard zijn? Post ze hier!
Plaats reactie
laroyj
Elite Poster
Elite Poster
Berichten: 2006
Lid geworden op: 19 maa 2011, 08:42
Locatie: TIELT
Uitgedeelde bedankjes: 24 keer
Bedankt: 103 keer
Contacteer:

ben op zoek om mijn rtsp stream in bvb een venster van 640x480 op mn website te krijgen...
dit is de stream: rtsp://stream:[email protected]:554/cam/realmonitor?channel=1&subtype=0

ik kan hem gewoon in VLC openen maar wil hem op de website, ben geen specialist, heb al een aantal zaken geprobeerd zoals onderstaand welke bvb werkt met de Aldi cam maar niet met deze AlHua.... iemand zin om de html code hier te zetten ?
..en die voor de meeste browsers werkt uiteraard.....

Aldi Cam werkt:
<object type="application/x-shockwave-flash" data="http://flv-player.net/medias/player_flv_maxi.swf" width="620" height="480">
<param name="movie" value="http://flv-player.net/medias/player_flv_maxi.swf" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="flv=http%3A//radiometeor.dyndns.org%3A6930/videostream.flv%3Fuser%3Dwebsite%26pwd%3DWebsite1%2523&title=Live Studio Radio Meteor Tielt&width=640&height=480&autoload=1&showmouse=autohide" />


</object>

Alhua cam werkt NIET


<object type="application/x-shockwave-flash" data="http://flv-player.net/medias/player_flv_maxi.swf" width="620" height="480">
<param name="movie" value="http://flv-player.net/medias/player_flv_maxi.swf" />
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="flv=http%3A//4c11bfabc52e.dahuaddns.com%3A37778/videostream.flv%3Fuser%3Dstream%26pwd%3Dstream1%2523&title=Live Mobiele-Studio Meteor Tielt&width=640&height=480&autoload=1&showmouse=autohide" /



</object>
Internet: Orange vast+4G+Telenet Basic + EDPNET SLA VDSL2 (85/20)
Telefonie: VOIP: EDPNET + Weepee + Cheapconnect + Internetcalls
GSM: Orange Arend60
Tablet: Ipad2/Android
TV: Orange Digt tv-Tv Vlaanderen-Canaal Digitaal-Stievie
Netwerk: Giga Orange/Telenet IPV4-Giga EDPNET SLA IPV4/IPV6-Giga FON-netwerk NanobridgeM5
radiometeor.be
Gebruikersavatar
raf1
Elite Poster
Elite Poster
Berichten: 4954
Lid geworden op: 17 nov 2009, 22:39
Uitgedeelde bedankjes: 235 keer
Bedankt: 1542 keer

RTSP is geen protocol voor het web, basisvereiste is een stream die http gebaseerd is.

In jouw voorbeeld gebruik je een http stream, maar die is onbereikbaar: http://4c11bfabc52e.dahuaddns.com:37778/videostream.flv?user=stream&pwd=stream1

Check dus eerst of je poorten goed staan en bereikbaar zijn, http werkt standaard op poort 80, poort 37778 is doorgaans een udp poort.
laroyj
Elite Poster
Elite Poster
Berichten: 2006
Lid geworden op: 19 maa 2011, 08:42
Locatie: TIELT
Uitgedeelde bedankjes: 24 keer
Bedankt: 103 keer
Contacteer:

poort 37778 is idd de UDP poort , poort 37777 is de TCP poort, poort 554 is de rtsp poort,
httport 6080 , maar met jou url werkt het ook niet, eender welke poort ik gebruik, ook via mijn script...

via vlc en bepaalde programma's werkt de rtsp wel, via betalende oplossingen ka ik de rtsp url invoeren en krijk ik direct een andere url....

via nog een andere app op mn iphone kan ik gewoon kijken via de http poort, en login en paswoord...

er moet toch een mogelijkheid zijn om een script te maken om het op mn website te zetten ?
dit is het ip va de cam
http://4c11bfabc52e.dahuaddns.com

de viewlogin is stream en het vriewpaswoord is stream1
Internet: Orange vast+4G+Telenet Basic + EDPNET SLA VDSL2 (85/20)
Telefonie: VOIP: EDPNET + Weepee + Cheapconnect + Internetcalls
GSM: Orange Arend60
Tablet: Ipad2/Android
TV: Orange Digt tv-Tv Vlaanderen-Canaal Digitaal-Stievie
Netwerk: Giga Orange/Telenet IPV4-Giga EDPNET SLA IPV4/IPV6-Giga FON-netwerk NanobridgeM5
radiometeor.be
Gebruikersavatar
raf1
Elite Poster
Elite Poster
Berichten: 4954
Lid geworden op: 17 nov 2009, 22:39
Uitgedeelde bedankjes: 235 keer
Bedankt: 1542 keer

laroyj schreef:er moet toch een mogelijkheid zijn om een script te maken om het op mn website te zetten ?
In principe moet je op je webserver een softwaremodule installeren die de RTSP-stream van je camera omzet in een webformaat zoals MPEG-DASH of HLS dat afspeelbaar is via javascript players zoals jw player: https://developer.jwplayer.com/tools/stream-tester/

Ik heb gezien dat jouw type camera ook een MJPEG-stream uitstuurt zodat je je een webpagina rechtstreeks met je camera kan verbinden, maar dan moet je rekening houden dat gelijktijdige gebruikers allemaal de hardware van je camera belasten.

Volgende html werkt:

Code: Selecteer alles

<img width="640" height="480" src="http://4c11bfabc52e.dahuaddns.com:6080/axis-cgi/mjpg/video.cgi" />
ITnetadmin
Elite Poster
Elite Poster
Berichten: 8445
Lid geworden op: 28 jan 2012, 18:22
Uitgedeelde bedankjes: 164 keer
Bedankt: 618 keer

Moet dat rtsp zijn?
Websocket streaming via een nodejs server kan ook, en omdat websockets eigenlijk http-geencapsuleerde packets zijn, geraken ze door zowat elke firewall.
Gautier
Pro Member
Pro Member
Berichten: 286
Lid geworden op: 31 dec 2012, 17:33
Locatie: Frankrijk / VK
Uitgedeelde bedankjes: 42 keer
Bedankt: 94 keer

Bij mijn weten niet mogelijk zonder toevlucht te nemen tot niet-standaard plugins.
En volgende keer eerst eens fatsoenlijk zoeken. Op de eerste link staat alles op:
https://www.google.com/search?q=embed+rtsp+player
laroyj
Elite Poster
Elite Poster
Berichten: 2006
Lid geworden op: 19 maa 2011, 08:42
Locatie: TIELT
Uitgedeelde bedankjes: 24 keer
Bedankt: 103 keer
Contacteer:

@ Gautier vooraleer mensen verwijten te maken zelf eens de moeite nemen om datgene wt je vind als resultaat met google uit te proberen, dan zal je kunnen vaststellen dat niks meer werkt, de vlc en quictime plugins werken ondertussen al een tijdje niet meer.....
Ben me al 4 dagen aan het rot zoeken....
mn site wordt gehost bij one.com weet ook niet of ik daar zo maar vanalles kwijt kan.....
wilde een site laten maken maar de betaalbare alternativen laten me gewoon uit een aantal standaard zaken kiezen, en anders wordt het al gauw niet meer betaalbaar...
Internet: Orange vast+4G+Telenet Basic + EDPNET SLA VDSL2 (85/20)
Telefonie: VOIP: EDPNET + Weepee + Cheapconnect + Internetcalls
GSM: Orange Arend60
Tablet: Ipad2/Android
TV: Orange Digt tv-Tv Vlaanderen-Canaal Digitaal-Stievie
Netwerk: Giga Orange/Telenet IPV4-Giga EDPNET SLA IPV4/IPV6-Giga FON-netwerk NanobridgeM5
radiometeor.be
Gebruikersavatar
raf1
Elite Poster
Elite Poster
Berichten: 4954
Lid geworden op: 17 nov 2009, 22:39
Uitgedeelde bedankjes: 235 keer
Bedankt: 1542 keer

laroyj schreef:mn site wordt gehost bij one.com weet ook niet of ik daar zo maar vanalles kwijt kan.....
Als je op een lokale server ffmpeg kan draaien, kan je de rtsp stream gemakkelijk omzetten naar hls en dat realtime uploaden via ftp

Code: Selecteer alles

ffmpeg -i "rtsp://stream:[email protected]:554/cam/realmonitor?channel=1&subtype=0" -hls_flags delete_segments ftp://username:[email protected]/stream.m3u8
Afspelen in html is dan als volgt (met javascript hls.js https://github.com/video-dev/hls.js)

Code: Selecteer alles

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Livestream</title>
</head>
<body>
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
<video id="video"></video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('http://www.radiometeor.be/stream.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
</script>
</body>
</html> 
Laatst gewijzigd door raf1 23 apr 2017, 23:07, in totaal 1 gewijzigd.
laroyj
Elite Poster
Elite Poster
Berichten: 2006
Lid geworden op: 19 maa 2011, 08:42
Locatie: TIELT
Uitgedeelde bedankjes: 24 keer
Bedankt: 103 keer
Contacteer:

gaan we morgen even proberen, ..
nu enkel op internet explorer werkend gekregen maar heb wel een substream van mimdere kwaliteit moeten gebruiken, met de maim stream in HD kreeg ik geen goed beeld...

<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
codebase="http://downloads.videolan.org/pub/video ... /axvlc.cab"
width="640" height="480" id="vlc" events="True">
<param name="Src" value="rtsp://stream:[email protected]:554/cam/realmonitor?channel=1&subtype=1" />
<param name="ShowDisplay" value="True" />
<param name="AutoLoop" value="False" />
<param name="AutoPlay" value="True" />
<embed id="vlcEmb" type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="640" height="480"
target="rtsp://stream:[email protected]:554/cam/realmonitor?channel=1&subtype=1" ></embed>
</OBJECT>
Internet: Orange vast+4G+Telenet Basic + EDPNET SLA VDSL2 (85/20)
Telefonie: VOIP: EDPNET + Weepee + Cheapconnect + Internetcalls
GSM: Orange Arend60
Tablet: Ipad2/Android
TV: Orange Digt tv-Tv Vlaanderen-Canaal Digitaal-Stievie
Netwerk: Giga Orange/Telenet IPV4-Giga EDPNET SLA IPV4/IPV6-Giga FON-netwerk NanobridgeM5
radiometeor.be
Gautier
Pro Member
Pro Member
Berichten: 286
Lid geworden op: 31 dec 2012, 17:33
Locatie: Frankrijk / VK
Uitgedeelde bedankjes: 42 keer
Bedankt: 94 keer

Excuses als je dat al uitgevlooid had, maar dat was me niet helemaal duidelijk. Vragen zonder moeite doen om te zoeken is nogal vaak de ziekte van het moment.

Het verbaast me dat VLC-componenten niet zouden werken. In je laatste voorbeeld gebruik je het wel degelijk. Ik ben goed vertrouwd met het VLC-forum, dat is vrij actief met een bijzonder hoog kennisniveau. Ik zou het zeker daar eens navragen: https://forum.videolan.org/index.php
Plaats reactie

Terug naar “Allerlei”