web-dev-qa-db-ja.com

rtmpとvideojsでビデオをストリーミング

Rtmpを使用して再生ビデオをストリーミングする方法を探しています。 video-jsを使用していますが、機能しません。 Firebugはエラーを返します：

L'attribut « type » spécifié sur « video/flash » n'est pas géré. Le chargement de la ressource média rtmp://server.com/vod/mp4:foo/bar/my_video.mp4 a échoué.
VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. MediaError { code=4,  message="No compatible source was found for this video."

HTMLコード：

<!doctype html>
<html lang="fr" class="no-js">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
   <link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
   <link rel="stylesheet" href="css/video-js.css"> <!-- Video.js -->
   <link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
   <script src="js/modernizr.js"></script> <!-- Modernizr -->
   <title>Title</title>
</head>
<body class="sous-menu">
  <video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered"
    controls preload="auto" width="640" height="264"
    data-setup='{"techOrder": ["flash", "html5"]}'>
    <source src="rtmp://server.com/vod/mp4:foo/bar/my_video.mp4" type='rtmp/mp4' />
  </video>
   <script src="js/jquery-2.1.4.min.js"></script> <!-- jQuery -->
   <script src="js/video-js.js"></script> <!-- Videojs.js -->
</body>
</html>

私が間違っていることは何ですか？

編集：type='rtmp/mp4'を追加しましたが、それでも機能しません... FFでテスト、= Chrome＆IE11。VLCでリンクを試しましたが、機能しました。

htmlvideo-streamingmp4video.js
7
Snabow

ソースでタイプrtmp/mp4を使用します。また、video.jsはアンパサンドを使用してサーバーのURLとストリーム名を区切ります。もちろん、RTMPはFlashが利用可能な場合にのみ機能します。

<source src='rtmp://server.com/vod/&mp4:foo/bar/my_video.mp4' type='rtmp/mp4'/>
6
misterben

サーバー上で正しいコンテンツタイプを返していることを確認することをお勧めします。参照： https://github.com/videojs/video.js/issues/1994

2
Broonix