Tôi đang xây dựng một ứng dụng web sẽ phát lại luồng RTSP / RTP từ máy chủ http://lscube.org/projects/feng .

Thẻ video / âm thanh HTML5 có hỗ trợ rtsp hoặc rtp không? Nếu không, giải pháp đơn giản nhất sẽ là gì? Có lẽ thả xuống một plugin VLC hoặc một cái gì đó tương tự.

Về mặt kỹ thuật 'Có'

(nhưng không thực sự ...)

<video>Thẻ của HTML 5 là giao thức bất khả tri, nó không quan tâm. Bạn đặt giao thức trong srcthuộc tính như một phần của URL. Ví dụ:

<video src="rtp://myserver.com/path/to/stream">
    Your browser does not support the VIDEO tag and/or RTP streams.
</video>

hoặc có thể

<video src="http://myserver.com:1935/path/to/stream/myPlaylist.m3u8">
    Your browser does not support the VIDEO tag and/or RTP streams.
</video>

Điều đó nói rằng, việc thực hiện các <video>thẻ là trình duyệt cụ thể. Vì đó là những ngày đầu cho HTML 5, tôi mong đợi sự hỗ trợ thay đổi thường xuyên (hoặc thiếu hỗ trợ).

Từ thông số HTML5 của W3C ( Phần tử video ):

Tác nhân người dùng có thể hỗ trợ bất kỳ codec video và âm thanh và định dạng chứa

Tinh thần của câu hỏi, tôi nghĩ, đã không thực sự được trả lời. Không, hiện tại bạn không thể sử dụng thẻ video để phát các luồng rtsp. Câu trả lời khác liên quan đến liên kết đến "không bao giờ" của anh chàng Chromium là hơi sai lệch vì chủ đề / câu trả lời được liên kết không liên quan trực tiếp đến Chrome đang chơi rtsp thông qua thẻ video. Đọc toàn bộ chủ đề được liên kết, đặc biệt là các ý kiến ​​ở dưới cùng và liên kết đến các chủ đề khác.

Câu trả lời thực sự là đây: Không, bạn không thể chỉ cần đặt một thẻ video trên trang html 5 và chơi rtsp. Bạn cần sử dụng một thư viện Javascript nào đó (trừ khi bạn muốn chơi mọi thứ với đèn flash và trình phát ánh sáng bạc) để phát video trực tuyến. {IMHO} Với tốc độ thảo luận và triển khai video html 5 đang diễn ra, các nhà cung cấp khác nhau của các tiêu chuẩn video độc quyền không quan tâm đến việc giúp tiến lên phía trước, vì vậy đừng tính đến việc dễ dàng sử dụng thẻ video trừ khi các nhà sản xuất trình duyệt hãy tự mình giải quyết vấn đề bằng cách nào đó ... một lần nữa, không có khả năng. {/ IMHO}

Đây là một phương pháp cũ, nhưng tôi đã phải tự mình thực hiện gần đây và tôi đã đạt được một cái gì đó hoạt động (ngoài phản hồi như của tôi sẽ giúp tôi tiết kiệm thời gian): Về cơ bản sử dụng ffmpeg để thay đổi container thành HLS, hầu hết các luồng IPCams h264 và một số loại PCM cơ bản, vì vậy hãy sử dụng một cái gì đó như thế:

ffmpeg -v info -i rtsp://ip:port/h264.sdp -c:v copy -c:a copy -bufsize 1835k -pix_fmt yuv420p -flags -global_header -hls_time 10 -hls_list_size 6 -hls_wrap 10 -start_number 1 /var/www/html/test.m3u8

Sau đó, sử dụng video.js với plugin HLS Điều này sẽ phát Live stream độc đáo Ngoài ra còn có một ví dụ jsfiddle dưới liên kết thứ hai).

Lưu ý: mặc dù đây không phải là hỗ trợ riêng nhưng nó không yêu cầu thêm bất cứ điều gì về giao diện người dùng.

Chrome sẽ không bao giờ triển khai hỗ trợ phát trực tuyến RTSP.

Ít nhất, theo lời của một nhà phát triển Chromium tại đây :

chúng tôi sẽ không bao giờ thêm hỗ trợ cho việc này

Có ba giao thức / công nghệ phát trực tuyến trong HTML5:

Phát trực tiếp, độ trễ thấp - WebRTC - Websocket

VOD và phát trực tiếp, độ trễ cao - HLS

1. WebRTC

Trong thực tế, WebRTC là SRTP (giao thức RTP an toàn). Do đó, chúng ta có thể nói rằng thẻ video hỗ trợ RTP (SRTP) gián tiếp thông qua WebRTC.

Do đó, để có được luồng RTP trên Chrome, Firefox hoặc một trình duyệt HTML5 khác, bạn cần một máy chủ WebRTC sẽ cung cấp luồng SRTP cho trình duyệt.

2. Websocket

Nó dựa trên TCP, nhưng có độ trễ thấp hơn so với HLS. Một lần nữa bạn cần một máy chủ Websocket.

3. HLS

Giao thức truyền phát độ trễ cao phổ biến nhất cho VOD (video được quay trước).

Với VLC, tôi có thể chuyển mã luồng RTSP trực tiếp (mpeg4) sang luồng HTTP theo định dạng OGG (Vorbis / Theora). Chất lượng kém nhưng video hoạt động trong Chrome 9. Tôi cũng đã thử nghiệm với tính năng mã hóa trong WEBM (VP8) nhưng dường như nó không hoạt động (VLC có tùy chọn nhưng tôi không biết bây giờ nó có thực sự được triển khai không. .)

Người đầu tiên có tài liệu về điều này sẽ thông báo cho chúng tôi;)

Những quan sát của tôi về thẻ video HTML 5 và luồng rtsp (rtp) là, nó chỉ hoạt động với konqueror (KDE 4.4.1, Phonon-backend được đặt thành GStreamer). Tôi chỉ nhận được video (không có âm thanh) với luồng H.264 / AAC RTSP (RTP).

Các luồng từ http://media.esof2010.org/ không hoạt động với konqueror (KDE 4.4.1, Phonon-backend được đặt thành GStreamer).

Chrome không triển khai hỗ trợ phát trực tuyến RTSP. Một dự án quan trọng để kiểm tra nó WebRTC.

"WebRTC là một dự án mở, miễn phí, cung cấp các trình duyệt và ứng dụng di động với khả năng Truyền thông thời gian thực (RTC) thông qua các API đơn giản"

Các trình duyệt được hỗ trợ:

Chrome, Firefox và Opera.

Nền tảng di động được hỗ trợ:

Android và iOS

http://www.webrtc.org/