项目：蒙蒙学园

项目预览

windows预览地址:http://ott.7am.zone/tv/#/home

项目体验:智能电视或机顶盒端在当贝市场搜索 "蒙蒙学园"下载并安装

兼容环境:Android4.4以上

相关技术文档:

http://www.croft.vip/544-2/ H5原生播放器开发总结文档

http://www.croft.vip/ottkaifazongjie-2-0banben/ OTT项目开发总结

技术及UI框架

前:Vue-cli、MUI、HTML5 plus、Vant

后:php

软件介绍

软件简介

蒙蒙学园是0-9岁高品质亲子陪伴，以“大屏为主、小屏辅助”全方位开发孩子的运动、语言、认知、情感、创造、社会交往等多种能力，“多屏亲子学习平台”，同时让客厅电视成为陪伴孩子成长的核心场景，利用海量内容推荐、大小屏交互优势，让孩子在父母的陪伴下学习、游戏、成长，共同度过温馨亲子时光。

页面及功能

1.首页(包括我的、亲子学园等五个专题页面)

• 跳转其他子页面
• 挽留弹窗
• 新版本监控
• 封装聚焦逻辑
• 实现用户点击哪进哪出
• 监控推荐位PV、UV

2、视频详情页

• 用户登录拦截
• 小窗预播放
• 播放鉴权

3、 H5播放器封装

• http://www.croft.vip/544-2/

4、专题页、播放记录与收藏

• 分页与分类
• 指定路径返回

5、搜索页

• 关键词查找
• 搜索推荐
• 搜索记录

6、登录、支付页

• 扫码关注公众号登录
• 小程序授权手机号
• 对接当贝支付平台

7、用户隐私协议与版本更新

• 安装后弹出协议弹窗
• 监控系统版本号，实现选择更新与强制更新