模板目录解析

Github 地址

Demo Link

Directory

    | src
    | ├─ api                        // 模块: 云端接口配置文件
    | ├─ components                 // 模块: 项目中用到的组件
    | | ├─ featureComponents               // 额外功能组件
    | | | ├─ sdCardConfig                  // SD录像弹窗
    | | | ├─ sdFormatting                  // Sd卡格式化
    | | | ├─ statisicPage                  // 通用统计页面(宠物喂食机的统计)
    | | | ├─ timerPage                    // 通用定时页面(dpLocalTimer为自定义协议定时,timer为通用云端和设备定时)
    | | ├─ liveBottomBar               // 大模块: 底部菜单栏
    | | | ├─ cloudStorageFeature         // 小模块: 底部tab菜单-云存储入口
    | | | ├─ collectPointFeature         // 小模块: 底部tab菜单-收藏点入口
    | | | ├─ customFeature               // 小模块: 底部tab菜单-功能入口
    | | | | ├─ cruisePage                   // 巡航页面组件
    | | | | ├─ deviceVolumePage             // 设备音量弹窗组件
    | | | | ├─ floodLightPage               // 灯弹窗组件
    | | | | ├─ lullabyPage                  // 摇篮曲弹窗组件
    | | | | ├─  panelView.js                // 功能菜单界面入口
    | | | ├─ feedFeature                 // 小模块: 底部tab菜单-喂食入口
    | | | ├─ notifyFeature               // 小模块: 底部tab菜单-消息入口
    | | | ├─ ptzZoomFeature              // 小模块: 底部tab菜单-云平台入口
    | | | ├─  liveControlConfig.js       // 底部tab模块功能, 消息,云平台,收藏点，功能
    | | | ├─  liveControlBasic.js        // 底部基础功能，全屏，对讲更多
    | | ├─ livePlayComponents       // 模块: 预览视频模块组件集合
    | | | └─  cameraLoadText.js        // 视频播放器遮罩组件： 用于视频播放异常的提示, 如：离线，隐私模式，网络错误等
    | | | ├─  cameraMic.js             // 单向对讲麦克风对讲效果组件
    | | | ├─  cameraTopList.js         // 非全屏顶部菜单模块: 视频切换，宽高调节，喇叭调节
    | | | ├─  customPlayer.js          // 基于native播放器二次封装组件
    | | | ├─  fullFeatureBottomLeft.js  // 全屏底部左边Ptz、焦距等功能
    | | | ├─  fullFeatureBottomRight.js // 全屏底部右边mic，录像，拍照功能
    | | | ├─  fullFeatureTopLeft.js     // 全屏顶部左边, 返回
    | | | ├─  fullFeatureTopRight.js    // 全屏顶部右边, 声音，切换视频流等
    | | | ├─  normalPlayFeature.js     // 非全屏视频功能模块入口
    | | ├─ nativeComponents        // 模块: native封装引用模块
    | | | ├─  cameraPlayer.js          // 视频播放器视图模块
    | | | └─  cameraManager.js         // 视频Api调用封装模块
    | | ├─ publicComponents        // 模块: 公共组件
    | | | ├─  batteryFeature              // 低功耗产品电量模块
    | | | ├─  customDialog              // 公共自定义弹出组件：如摇篮曲，设备音量功能模块
    | | | ├─  selfDialog                // 自编dialog：主要用录像设置,解决安卓部分遮罩不能完全覆盖
    | | | ├─  switchDialog              // 公共弹出选择框组件：如夜视模式，非全屏视频流切换等进行选择切换
    | | | ├─  zoomFullScreen.js        // 全屏焦距组件
    | | | ├─  zoomCommon.js            // 非全屏焦距组件
    | | | ├─  topPublicTip.js          // 顶部显示文字组件：如：双向对讲，通话中文字提示
    | | | ├─  topHeader.js             // 公共topBar封装组件
    | | | ├─  timerInterVal.js         // 录像计时组件
    | | | ├─  ptzFullScreen.js         // 全屏ptz云台控制组件
    | | | ├─  ptzCommon.js             // 非全屏ptz云台控制组件
    | | | ├─  progressBarCommon.js     // 公用进度条组件
    | | | ├─  loadingCircle.js         // 告警消息三点加载组件
    | | | ├─  cutScreen.js             // 截屏
    | | | ├─  clarityFullScreen.js     // 全屏清晰度切换组件
    | ├─ config                     // 模块: 项目配置
    | | ├─  cameraData.js              // 公共数据配置集合: 如: 视频流所有集合配置
    | | ├─  click.js                   // 视频相关并与native交互基础方法集合: 如: 进入云存储，拍照，对讲,获取设备配置信息等
    | | ├─  dpTimeData.js              // dp定时数据配置
    | | ├─  global.js                  // 全局公共变量
    | | ├─  index.js                   // 常用基础适配配置：cx,cy,是否为iphoneX,屏幕宽、高等等
    | | ├─  panelBasicFeatureInitData  // 摄像头基础功能配置
    | | ├─  panelClick.js              // 自定义功能菜单点击事件方法集合
    | | ├─  panelMoreFeatureInitData.js   // tab功能模块中多功能自定义初始配置
    | | ├─  panelTableFeatureInitData.js  // tab功能菜单模块初始配置
    | | ├─  pidFeatureOrderData.js.js     // 根据不同pid设置多功能初始化数据
    | | ├─  pidTabOrderData.js            // 根据不同pid设置tab初始化数据
    | | ├─  popDpDataStore.js          // 自定义功能显示界面数据配置，如: 灯模块的配置,摇篮曲的配置等等
    | | └─ theme.js                   // 主题配置
    | ├─ containers                    // 放置页面级别各个组件
    | | ├─ LivePlay                    // 模块:视频预览界面
    | | | ├─  LivePage.js              // 视频预览界面入口
    | | | ├─  Live-player-view.js      // 视频播放器入口
    | | | ├─  Live-player-feature.js   // 视频播放器单独功能入口
    | | | └─  Live-control-view.js     // 底部功能菜单入口
    | ├─ i18n                          // 多语言配置
    | ├─ redux                      // 模块: redux相关
    | | ├─ modules
    | | | ├─  ipcCommon.js             // 自定义redux数据点,自己新定义的放在这里即可 | 自己创建文件也行
    | | | └─  common.js                // 基础模板已经封装好的数据,涉及dp点的信息，尽量不要改动
    | | ├─  configureStore.js          // rxjs基础配置
    | | ├─  combine.js                 // 合并redux模块
    | ├─ res                           // 放置本地资源，包括图片，svg path等
    | ├─ utils                      //  模块: 工具方法
    | | └─  ColorParser.js             // 灯模块，颜色转换工具
    | | ├─  dpConfigUtils.js           // 关键：删选模块配置信息方法, 针对dp点菜单配置,云端配置,本地配置功能的过滤方法
    | | ├─  index.js                   // 公用的转换方法 如: 进度条百分比与数值转换
    | | ├─  panelStatus.js             // 功能菜单页面的透明度, 禁用以及改变图片的tintColor方法
    | ├─  main.js                      // 项目入口文件, 继承自`NavigatorLayout`，topbar,路由设置等
    | ├─  composeLayout.js             // 封装处理了面板内部所需要的一些`设备事件`和`设备信息
    ├─  package.json                   // npm依赖管理
    ├─  index.js                       // 安卓入口(为了兼容)
    ├─  index.ios.js                   // ios入口
    ├─  index.android.js               // 安卓入口
    ├─  babelrc.js                     // babel配置文件
    ├─  README.md                      // 项目的信息，包括但不限于项目名、productId、作者、描述等
    ├─  .prettierrc.js                 // Prettier格式化代码配置
    ├─  .npmrc                         // npm包来源切换
    ├─  .gitignore                     // git忽略上传配置信息
    ├─  .eslintrc.js                   // eslint配置文件
    └─ .babelrc                        // babel入口