【文件属性】:
文件名称:kaleidoscope:嵌入式,轻巧的360º视频图像查看器
文件大小:904KB
文件格式:ZIP
更新时间:2021-05-14 13:13:42
javascript video 360 360-video JavaScript
万花筒
嵌入式,轻量级,无依赖的360º视频/图像查看器
例子
可以在examples/文件夹中找到示例代码。
*
*
由于CORS限制,HLS和Dash示例无法在旧版Safari和iOS上运行
用法
获取代码:
$ npm install kaleidoscopejs
将脚本添加到您的页面:
< script src =" node_modules/kaleidoscopejs/dist/kaleidoscope.min.js " > </ script >
或使用您喜欢的捆绑器导入库。
影片
var viewer = new Kaleidoscope . Video ( { source : 'equirectangular-video.mp4' , containerId : '#target' } ) ;
viewer . render ( ) ;
图片
var viewer
【文件预览】:
kaleidoscope-master
----index.html(2KB)
----rollup.config.js(681B)
----src()
--------main.js(393B)
--------controls.js(6KB)
--------image.js(397B)
--------utils.js(496B)
--------audio.js(3KB)
--------video.js(549B)
--------three-sixty-viewer.js(4KB)
--------canvas.js(2KB)
--------renderer.js(1KB)
----examples()
--------hls.html(2KB)
--------dash.html(1KB)
--------image.html(770B)
--------mp4.html(1KB)
----LICENSE(11KB)
----test()
--------controls.js(697B)
--------image.js(909B)
--------utils.js(3KB)
--------audio.js(1KB)
--------three-sixty-viewer.js(2KB)
--------canvas.js(964B)
----README.md(5KB)
----dist()
--------kaleidoscope.min.js(260KB)
--------kaleidoscope.iife.min.js(260KB)
--------kaleidoscope.es.js(505KB)
----.gitignore(84B)
----kaleidoscope.gif(669KB)
----karma.conf.js(2KB)
----package.json(2KB)