2

mediaViewsとhtml5を使用して、cakephpサイトでビデオスクリーンキャストをストリーミングするように取り組んでいます。プレーヤーにvideojsを使用していますが、いくつかの問題が発生しています。

  1. safari / ipad / iphoneでストリーミングされません（mp4に変換されています）
  2. 視聴者がどのブラウザでもビデオの途中にスキップすることを許可しません。彼らは最初から最後までビデオをまっすぐに見なければなりませんが、これは理想的ではありません。
  3. html5をサポートしていないブラウザのフラッシュオブジェクトにフォールバックしていません

現在、ChromeとFirefoxで正しくストリーミングされます。IEはまだ試していません。

コードは以下のとおりです。ビデオファイルのすべての変換は、私が読んだMiroVideoConverterを使用して行われました。

どんな助けでも大歓迎です！

学生コントローラーコード

function view_demo_mp4() {
    $this->viewClass = 'Media';
    $params = array(
        'id' => 'webinar.mp4',
        'extension' => 'mp4',
        'path' => APP . "../../documentation" . DS,
        'download' => false,
        'cache' =>true
    );
    $this->set($params);

}

function view_demo_webm() {
    $this->viewClass = 'Media';
    $params = array(
        'id' => 'webinar.webm',
        'extension' => 'webm',
        'path' => APP . "../../documentation" . DS,
        'download' => false,
        'cache' =>true
    );
    $this->set($params);
}

function view_demo_ogg() {
    $this->viewClass = 'Media';
    $params = array(
        'id' => 'webinar.ogv',
        'extension' => 'ogv',
        'path' => APP . "../../documentation" . DS,
        'download' => false,
        'cache' =>true
    );
    $this->set($params);
}

意見

<video class="video-js vjs-default-skin" controls preload="none" width="768" height="432"
     poster="/files/demo_splash.png"
     data-setup="{}">
        <source src="/students/view_demo_mp4" type='video/mp4' />
        <source src="/students/view_demo_ogg" type='video/ogg' />
        <source src="/students/view_demo_webm" type='video/webm' />
 </video>

私はビデオの3つのバージョンを持っています。オリジナルはQuicktimeScreenRecordingを使用して作成されました。私は現在使用しています：

  • Mp4 H.264、オーディオチャンネル：2合計ビットレート320
  • Ogv HTML5ビデオ（Ogg）これ以上の詳細は表示されません
  • WebM HT​​ML％ビデオwebm（繰り返しますが、これ以上の詳細は見つかりません）

Miroコンバーターを使用してビデオを変換する場合、右端のオプション「フォーマット」を使用し、「ビデオ」を選択してから出力タイプを選択します。

これはhttpsサイトにあるので、フラッシュフォールバックで問題が発生している可能性がありますか？それ以外は、フォールバックの設定に役立つvideojsの説明はありませんでした。私は何かが足りないのですか？

助けてくれてありがとう。

4

1 に答える 1

0

HTML5 ビデオが Apple ハンドヘルド デバイスで再生されない場合は、Adobe Media Encoder で自分で mp4 バージョンをエンコードしてみてください。[ビデオ] タブで 4 以下のレベルを選択し、プロファイルの [ベースライン] を確実に選択し、1000kbps から 2000kbps の間など、十分に低いビット レートを表示するようにしてください (デフォルトは通常 20000kbps です)。

于 2013-05-24T01:47:33.970 に答える