360°全景视频预览

360° 全景视频预览器：上传本地全景视频后可在球面里沉浸式播放，并可切换正常、鱼眼、小行星三种视角模式。

1. 页面信息

2. 功能说明

3. 业务说明

界面结构

控件 / 入口 类型 取值来源 限制 / 说明
拖拽或点击上传视频 上传区 用户选择的本地视频 可拖拽或点击选择
支持 MP4、MOV、AVI、MKV、WebM、M4V 格式白名单 固定配置 同时按媒体类型与扩展名判断
文件大小校验 校验 用户选择的文件 上限 500MB，超限提示「文件大小超过限制，请选择小于500MB的文件」
格式校验 校验 文件媒体类型与扩展名 不匹配时提示「不支持的文件格式。支持的格式：MP4、MOV、AVI、WebM等」
视角模式按钮 下拉选择 固定三项 标题显示当前模式的名称，点击展开「选择视角模式」列表
正常视角 视角模式 固定配置 说明「标准360°观看模式」
鱼眼视角 视角模式 固定配置 说明「减少边缘扭曲，观看更舒适」
小行星视角 视角模式 固定配置 说明「俯视小行星般的球形世界」
播放 / 暂停、音量 播放控制 播放器内置 界面文案为中文
关闭预览 按钮 固定行为 退出预览回到上传界面
格式说明卡片 说明 固定文案 MP4 / MOV / AVI / WebM 四种格式的适用说明

三种视角的区别

正常视角是标准 360° 观看模式；鱼眼视角减少画面边缘的畸变，长时间观看更舒适；小行星视角把画面收成俯视的球形小行星效果。三种模式在播放过程中可以随时切换。

处理方式

视频文件在浏览器本地加载播放，不会被上传到服务器。加载完成后会按 360° 等距柱状投影方式包裹到球面，支持进度条与大按钮播放控件。

界面结构

界面可选值

可选值 取值 说明
正常视角 normal 标准360°观看模式
鱼眼视角 fisheye 减少边缘扭曲，观看更舒适
小行星视角 littlePlanet 俯视小行星般的球形世界

4. 使用说明

  1. 从工具箱进入「360°全景视频预览」
  2. 把 360° 全景视频拖进上传区，或点击上传区选择文件
  3. 等待视频加载完成并进入球面播放器
  4. 点击播放按钮开始观看，用进度条与音量控件调节
  5. 点击右上角视角按钮，在正常 / 鱼眼 / 小行星之间切换
  6. 看完后点「关闭预览」回到上传界面

5. 规则与限制

6. 状态与异常

7. 相关文档

目录导航

同目录文档（14）

相关主题

8. 文档信息