帮酷LOGO
  • 显示原文与译文双语对照的内容
文章标签:for  视频  EAR  WEB  
A video.js plugin that turns a video element into a HTML5 Panoramic 360 video player.

  • 源代码名称:videojs-vr
  • 源代码网址:http://www.github.com/slawrence/videojs-vr
  • videojs-vr源代码文档
  • videojs-vr源代码下载
  • Git URL:
    git://www.github.com/slawrence/videojs-vr.git
  • Git Clone代码到本地:
    git clone http://www.github.com/slawrence/videojs-vr
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/slawrence/videojs-vr
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
  • VR

    注意:这个项目现在已经过时了。

    如果使用 video.js,你可能会感兴趣地查看这里插件: videojs全景图

    对于最小 360播放机( 没有 video.js ),请参见这里项目: simple-360-player

    将视频元素转换为HTML5全景 360视频播放器的video.js 插件。 将视频投影到不同形状上。 可以选择支持Oculus裂缝。

    视图演示插件

    正在启动

    下载 videojs插件( 注释 除非你正在使用版本> 4.1.0,否则插件需要未压缩的video.js

    在你的网页中:

    <link rel="stylesheet" href="video-js.css">
    <video id="video"
     class="video-js vjs-default-skin"
     src="movie.mp4"
     controls>
    </video>
    <script src="video.js"></script>
    <script src="dist/videojs.vr.min.js"></script>
    <script>
    videojs('video', {}, function() {
     var player = this;
     player.vr({projection: 'Sphere'});//initialize the plugin, 'Plane' projection by default
    });
    </script>

    如果希望查找栏工作,则在支持字节范围请求的HTTP服务器上的主机( 比如 。 Apache ) 。

    Oculus支持

    这个插件使用 vr.js 项目读取裂缝数据( 。通过 Chrome 插件)的传感器。 有关安装说明,请参阅 vr.js

    要启用裂缝支持,请在 three.js 脚本标记之后包含 libs/vr/*.js 文件。 如果用户没有安装 vr.js 插件,插件应该正常工作。

    <link rel="stylesheet" href="libs/video-js-4.1.0/video-js.css">
    <script src="libs/video-js-4.1.0/video.dev.js"></script>
    <script src="libs/three.min.js"></script>
    <!-- vr stuff is optional, must be after THREE is defined -->
    <script src="libs/vr/vr.js"></script>
    <script src="libs/vr/OculusRiftControls.js"></script>
    <script src="libs/vr/OculusRiftEffect.js"></script>

    示例

    查看 example.html 以查看虚拟现实。

    Credits

    这个项目是一些令人惊奇的开源库的聚集。

    发布历史

    ( 还没有)



    文章标签:WEB  for  视频  EAR  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语