README

此扩展利用video js使Yii2应用程序能够播放视频。

功能：-在Yii2应用程序中使用videojs播放YouTube视频。-在Yii2应用程序中使用videojs播放MP4视频。-使用videojs在Yii2应用程序中进行Dash流式传输。DASH（动态自适应流式传输）是一种自适应比特率流式传输技术，它能够实现高质量的流式传输。源代码可以通过示例中所示的manifest.mpd文件进行修改。-在Yii2应用程序中使用videojs进行HLS流式传输。HLS代表HTTP实时流，它使用一个.M3U8播放列表文件（例如，索引文件），该文件作为视频片段的索引。

安装

安装此扩展的首选方法是通过composer。

运行以下命令之一：

php composer.phar require --prefer-dist preneesh/yii2-videojs "dev-master"

或者

"preneesh/yii2-videojs": "dev-master"

将以下内容添加到您的composer.json文件的require部分。

用法

扩展安装完成后，只需在代码中使用它即可

播放MP4视频

<?php
echo \preneesh\videojs\Player::widget([
    'options' => [
        'class' => 'video-js vjs-default-skin vjs-big-play-centered',
        'poster' => 'https:///projects/ffmpeg/gold.jpg',
        'controls' => true,
        'preload' => 'auto',
        'width' => '970',
        'height' => '400',
    ],
    'tags' => [
        'source' => [
            ['src' => 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4', 'type' => 'video/mp4', 'data-res' => '360'],
              ],
    ],
    'multipleResolutions' => true,
]);
?>

通过提供manifest文件进行Dash流式传输。

<?php
echo \preneesh\videojs\Player::widget([
    'options' => [
        'class' => 'video-js vjs-default-skin vjs-big-play-centered',
        'poster' => 'https:///projects/ffmpeg/gold.jpg',
        'controls' => true,
        'preload' => 'auto',
        'width' => '970',
        'height' => '400',
    ],
    'tags' => [
        'source' => [
          ['src' => 'https:///projects/ffmpeg/web/ver-12/video/gemini/dash3/manifest.mpd', 'type' => 'application/dash+xml', 'data-res' => '720'],

              ],
    ],
    'multipleResolutions' => true,
]);

?>

使用以下代码在Yii2应用程序中播放YouTube视频

<?= \preneesh\videojs\Player::widget([
    'options' => [
        'class' => 'video-js vjs-default-skin vjs-big-play-centered',
        'poster' => 'https:///projects/ffmpeg/gold.jpg',
        'controls' => true,
        'preload' => 'auto',
        'width' => '970',
        'height' => '400',
    ],
    'tags' => [
        'source' => [
            ['src' => 'https://www.youtube.com/watch?v=R2MEiwBJTYM&t=4s', 'type' => 'video/youtube',],
              ],
    ],
    'multipleResolutions' => true,
]);
?>

使用以下代码在Yii2应用程序中进行HLS流式传输

<?= \preneesh\videojs\Player::widget([
    'options' => [
        'class' => 'video-js vjs-default-skin vjs-big-play-centered',
        'poster' => 'https:///projects/ffmpeg/gold.jpg',
        'controls' => true,
        'preload' => 'auto',
        'width' => '970',
        'height' => '400',
    ],
    'tags' => [
        'source' => [
            'src' => 'https://bitdash-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8', 'type' => 'application/x-mpegURL', 'selected' => 'true'],
              ],
    ],
    'multipleResolutions' => true,
]);
?>

许可协议

请参考以下链接，以遵守此扩展中使用的js文件的许可协议。

https://github.com/videojs/videojs-youtube https://github.com/videojs/video.js https://github.com/videojs/videojs-contrib-dash https://github.com/Dash-Industry-Forum/dash.js/wiki

yii2-videojs许可协议

MIT许可协议（MIT）

在此，特此免费许可，任何获得此软件及其相关文档文件（以下简称“软件”）副本的个人（以下简称“个人”），可以在不受限制的情况下处理软件，包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或销售软件副本，并允许获得软件的个人进行此类操作，前提是以下条件

preneesh / yii2-videojs

维护者

详细信息

README

安装

用法

许可协议