Πώς μπορώ να εμφανίσω μια ροή βίντεο RTSP σε μια ιστοσελίδα;

Έχω μια κάμερα ip που παρέχει μια ζωντανή ροή βίντεο RTSP. Μπορώ να χρησιμοποιήσω το πρόγραμμα αναπαραγωγής πολυμέσων VLC για να προβάλω την τροφοδοσία παρέχοντάς του τη διεύθυνση URL:

rtsp://cameraipaddress

Αλλά πρέπει να εμφανίσω την τροφοδοσία σε μια ιστοσελίδα. Ο πάροχος της κάμερας παρείχε ένα στοιχείο ελέγχου ActiveX το οποίο έβαλα σε λειτουργία, αλλά είναι πραγματικά προβληματικό και προκαλεί συχνή παύση λειτουργίας του προγράμματος περιήγησης.

Γνωρίζει κανείς κάποιο εναλλακτικό πρόσθετο βίντεο που θα μπορούσα να χρησιμοποιήσω και το οποίο να υποστηρίζει RTSP;

Η κάμερα μπορεί να ρυθμιστεί για ροή σε H264 ή MPEG4.

JakeGould
Επεξεργασμένη ερώτηση Κάνε Φεβρουάριος 2015 в 9:36
Προγραμματισμός
video-streaming rtsp
Κάνε Φεβρουάριος 2010 в 2:27
21 προβολές

Το VLC διαθέτει επίσης ένα πρόσθετο ActiveX που μπορεί να εμφανίσει την τροφοδοσία σε μια ιστοσελίδα:

http://wiki.videolan.org/ActiveX/HTML


   <param name="Src" value="rtsp://cameraipaddress" />
   <param name="ShowDisplay" value="True" />
   <param name="AutoLoop" value="False" />
   <param name="AutoPlay" value="True" />
Σχόλια (7)

Χονδρικά μπορείτε να έχετε 3 επιλογές για την εμφάνιση ροής βίντεο RTSP σε μια ιστοσελίδα:

  1. Realplayer
  2. Quicktime player
  3. VLC player

Μπορείτε να βρείτε τον κώδικα για την ενσωμάτωση του activeX μέσω της αναζήτησης στο Google.

Απ' όσο γνωρίζω, υπάρχουν κάποιοι περιορισμοί για κάθε αναπαραγωγέα.

  1. Το Realplayer δεν υποστηρίζει εγγενώς βίντεο H.264, πρέπει να εγκαταστήσετε ένα πρόσθετο quicktime για το Realplayer για να επιτύχετε αποκωδικοποίηση H.264.
  2. Το Quicktime player δεν υποστηρίζει τη μεταφορά RTP/AVP/TCP και η μεταφορά RTP/AVP (UDP) δεν περιλαμβάνει NAT hole punching. Έτσι, η μόνη εφικτή μεταφορά είναι η σήραγγα HTTP σε ανάπτυξη WAN.
  3. Το VLC δεν υποστηρίζει ούτε το NAT hole punching για τη μεταφορά RTP/AVP, αλλά η μεταφορά RTP/AVP/TCP είναι διαθέσιμη.
Σχόλια (2)

Δοκιμάστε το QuickTime Player! Ακολουθεί η JavaScript μου που δημιουργεί το ενσωματωμένο αντικείμενο σε μια ιστοσελίδα και αναπαράγει τη ροή:


//SET THE RTSP STREAM ADDRESS HERE
var address = "rtsp://192.168.0.101/mpeg4/1/media.3gp";

var output = '';
    output += '<param name="src" value="'+adsress+'">';
    output += '<param name="autoplay" value="true">';
    output += '<param name="controller" value="false">';
    output += '
Σχόλια (4)