視頻直播：video.jsrtmp

一、video.jsrtmp介紹

video.jsrtmp是基於Video.js播放器的一個插件，用於與RTMP流進行交互。它支持RTMP協議的直播流和錄播流，並支持多種流媒體服務器，例如Wowza、Red5、nginx-rtmp等。使用video.js結合video.jsrtmp可以提供一個完整的直播播放器。

通過在Video.js中引用videojs-contrib-hls和videojs-flash插件，video.jsrtmp可以自動檢測是使用HLS還是RTMP進行流傳送，並自動切換適當的播放方式。

video.jsrtmp的API使得它可以與video.js的現有API輕鬆集成。同時，Video.js還可以使用自定義的皮膚和插件，為網站提供更好的用戶體驗。

二、video.jsrtmp的優點

1. 與原生video.js API緊密集成。

video.jsrtmp可以充分利用video.js自帶的高度可配置的皮膚和插件，在不損失對現有播放列表和存儲管理的控制的同時，提供與RTMP流的高度交互性。

2. 平台無關性。

video.jsrtmp支持多種流媒體服務器，支持不同協議（RTMP和HLS）的流傳輸，從而在不同的平台上提供統一的視頻播放經驗。

3. 高度靈活性和可擴展性。

video.jsrtmp支持多種不同的嵌入方式，包括video標籤、JavaScript和HTML5。同時可以通過各種自定義皮膚和插件來提供更好的用戶體驗。

三、video.jsrtmp使用指南

1. 在頁面中引用所需的下載文件（必需項）：

2. 在HTML文件中添加video標籤：

source標籤中的第一行將根據是否支持RTMP流來決定是否播放HLS或RTMP流。

四、video.jsrtmp的實例代碼

1. 實際項目中使用video.jsrtmp進行視頻直播：

  var player = videojs('mec-video-player');
  player.rtmp({
    fallbackSrc: 'rtmp://10.0.10.125/vod/sample.mp4',
    src: 'rtmp://10.0.10.125/live/123456',
    // 針對rtmp服務做設置
    rtmp: {
        // 這個參數必須設為true，因為是rtmp流的播放形式
        swf: './videojs.swf',
        // 不支持html5的視頻源
        fallback: true,
        // 緩衝時間
        buffer: 5
    },
    // 針對錯位的視頻src做設置
    error: function() {
        player.src(this.options().fallbackSrc);
    }
});

2. 支持加密的rtmp視頻播放：

五、總結

video.jsrtmp是一個強大的插件，使得Video.js可以與RTMP流進行交互。它提供了一種與多種流媒體服務器兼容的選擇，同時還具有多個優點，例如緊密集成、平台無關性、高度靈活性和可擴展性。在實際項目中可以通過引入必要的文件和使用html5的video標籤來輕鬆實現視頻直播功能。