kaleidoscope:嵌入式,轻巧的360º视频图像查看器

时间:2024-06-03 07:00:22
【文件属性】:

文件名称:kaleidoscope:嵌入式,轻巧的360º视频图像查看器

文件大小:904KB

文件格式:ZIP

更新时间:2024-06-03 07:00:22

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)

网友评论