# hellotv **Repository Path**: chenddcoder/hellotv ## Basic Information - **Project Name**: hellotv - **Description**: No description available - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-03-11 - **Last Updated**: 2025-03-14 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # hello tv [![License](https://img.shields.io/badge/license-Apache2.0-blue.svg)](https://opensource.org/licenses/apache-2-0) [![vue version](https://img.shields.io/badge/vue-3.2-green.svg)](https://github.com/vuejs/core) [![vue version](https://img.shields.io/badge/@quicktvui/quicktvui3-latest-green.svg)](https://www.npmjs.com/package/@quicktvui/quicktvui3?activeTab=versions) HelloTV是基于 [QuickTVUI](http://v3.quicktvui.com/zh/) 框架的视频点播直播应用，面向使用遥控器交互的安卓大屏设备。 项目目的是让开发者通过对本项目源码的简单修改，快速实现一些TV端常见的功能页面，从而加速开发进度。如果使用者并不具备编程能力，可以参考[HelloTV-Case](https://github.com/quicktvui/HelloTV-Case)项目，简单修改该项目配置文件就可以快速实现一个标准化的视频类应用。 点播页面包括瀑布流首页、内容列表、筛选、搜索、详情、历史、收藏、登录等，直播页面包括多级列表页、播放详情页等。 以下是一些页面效果： 瀑布流首页 ![image](http://extcdn.hsrc.tv/data_center/files/2024/07/10/9a62dd70-e787-4d5f-8294-d2acd79c23bf.jpeg) ![iamge](http://extcdn.hsrc.tv/data_center/files/2024/08/06/915c577d-fde4-4f75-91d4-ef54b63a7ccb.jpg) ![image](http://extcdn.hsrc.tv/data_center/files/2024/08/06/d2b2be9a-2b87-4db9-b36a-8e317a97a7f0.jpg) ![image](http://extcdn.hsrc.tv/data_center/files/2024/08/06/7ca82a38-b3d1-4a21-8bbb-52b1f42b1f4c.jpg) ![](http://extcdn.hsrc.tv/data_center/files/2024/08/06/d7fe27d2-6112-4350-8881-8cb4f7d5ca30.jpg) 搜索 ![image](http://extcdn.hsrc.tv/data_center/files/2024/07/10/9204f370-3230-4f56-b7df-c4da1283fd89.jpeg) 筛选 ![image](http://extcdn.hsrc.tv/data_center/files/2024/07/10/3c860f27-cefe-47a9-b3ea-c9bbe761e2e2.jpeg) 详情页 ![image](http://extcdn.hsrc.tv/data_center/files/2024/07/10/c2c6d9e0-ca8a-4ff1-a5ce-e639395ad33f.jpeg) ![image](http://extcdn.hsrc.tv/data_center/files/2024/08/06/faa9e1c4-c427-421b-a8ae-ac9562e26662.jpg) 内容编辑页 ![image](http://extcdn.hsrc.tv/data_center/files/2024/07/10/fc811902-d468-4828-b030-0f7561c1816b.jpeg ) ## 快速开始 ### 调试 #### 1. 确认编译环境 建议windows: - node version 16.20.2 - npm version 8.10 #### 2. 安装运行Runtime 下载并安装 [运行环境](http://v3.quicktvui.com/zh/resource/runtime.html) (需要日志时使用debug包，否则使用release) #### 3. 安装依赖 进入项目录下 ```bash npm install --legacy-peer-deps ``` #### 4. 编译调试 ```bash npm run dev ``` #### 5. 打开运行Runtime apk，查看效果 点击下图加载测试代码 ![image](https://github.com/quicktvui/hellotv/assets/11962446/4571fb02-b761-405e-bbc8-a6baaa6f8a4a) >> 注意这里电脑调试地址要改成你电脑本机ip ```bash adb shell am broadcast -a com.extscreen.runtime.ACTION_CHANGE_DEBUG_SERVER --es ip 192.168.xx.xx(电脑IP地址) ``` 关于adb等其它配置具体说明请查看 [安装和环境配置]([http://developer.extscreen.com/guide/](http://v3.quicktvui.com/zh/guide/installation.html)) 最后看到加载出页面，表示完成调试，即可随时修改源码查看效果。 #### 6. 打包生成APK [APK配置](android/README.md) ``` bash # 生成debug包 npm run build-apk-debug # 生成release包 npm run build-apk-release ``` 打包完成后apk在 `./android/app/build/outputs/apk/` 文件夹下 ## 源码修改 接入网络数据的准备工作请查看[PROJECT-README.md](PROJECT-README.md) 通过对每个页面提供的接口进行数据替换，即可实现自己的业务逻辑。 如有定制样式需求，可自行修改页面里样式文件。 具体可查看[/src/pages](./src/pages)目录下对应README说明。 ## 开发进度 - [x] 瀑布流首页 - [x] 搜索页 - [x] 媒资详情页 - [x] 筛选页 - [x] 多级列表页 - [x] 一键打包生成APK 以上页面开发完成，如发现问题，请提交issue 开发中 - [ ] 内容编辑页 - [ ] 短视频浏览页 - [ ] 仿B站排行榜页 - [ ] 仿B站详情页 ![]() ### 本次更新 * 首页 * [x] 仿B站首页 * [x] 仿B站4K专区 ## 关于QuickTVUI QuickTVUI是基于[Hippy](https://github.com/Tencent/Hippy)框架实现的TV快应用开发框架，旨在解决大屏开发困难、更新困难等疑难问题。 它具有以下特征： - 开发便捷：内置了大量针对智能电视开发的UI组件，简单易用; - 快速更新：利用前端生态，实现免下载、免安装，方便快速迭代； - 接近原生的体验：采用react-native的形式,底层用native实现，保证接近原生的体验; - 全面兼容：已适配市面上大部分型号的智能电视、盒子、智能投影等，可免除开发者大量的适配工作; ## 贡献 我们欢迎并鼓励贡献，您可以通过以下方式参与： - 提交错误报告或功能请求 - 提交拉取请求 ## 许可证 该项目基于Apache2.0许可证。请查阅 [LICENSE](https://opensource.org/licenses/apache-2-0) 文件以获取更多信息。 ## 支持 如果您有任何问题或疑问，请通过以下方式联系我们： - 邮箱：quicktvui@163.com