uniappx_imovie:基于 uni-app x 的跨平台影视音乐客户端项目

uni-app x 爱影家影视APP项目介绍

项目概述和创新点

爱影家是一款基于uni-app x框架开发的跨平台影视和音乐客户端，支持HarmonyOS、Android、iOS等多个平台。项目整合了影视资讯和音乐播放功能，为用户提供一站式的娱乐体验。

本开源项目仅用于学习研究，禁止用于其他用途！

实现文章介绍参见猫哥的个人博客：blog.csdn.net/yyz_1987

应用功能说明

影视模块

• 首页最新影视轮播图：通过POST请求获取最新影视轮播图，点击跳转到详情页。
• 最近热映电影：展示当前热映的电影列表，支持点击查看详情。
• 即将上映电影：展示即将上映的电影预告，提前了解新片动态。
• 热门电视剧集：展示热门电视剧，点击跳转到详情页。
• 电影搜索：支持电影名称搜索功能。
• 电影详情：展示电影详细信息，包括剧情简介、演员阵容等。

音乐模块

• 每日推荐音乐：获取每日推荐的热门歌曲。
• 歌单列表：展示精选歌单，点击进入歌单详情。
• 歌曲列表：展示歌单中的歌曲，支持播放和加入播放列表。
• 音乐播放器：
  • 支持播放/暂停、快进/快退控制
  • 实时进度条显示和控制
  • 歌词同步显示
  • 唱片旋转动画效果
  • 播放列表管理（添加、删除、切换歌曲）
  • 自动播放下一首

知乎日报模块

• 日报列表：获取知乎日报文章列表，点击跳转到详情页。
• 日报详情：展示日报文章详细内容。

个人中心模块

• 个人中心页：常见的个人中心页面样式，包含隐私政策，用户协议，用户反馈和联系方式等。

项目特色

• 跨平台支持：基于uni-app x框架，支持多平台运行。
• 优雅的网络请求封装：使用统一的请求工具类，简化API调用。
• 完整的音乐播放功能：实现了专业的音乐播放器，支持歌词同步和播放列表管理。
• 现代化UI设计：采用深色主题，视觉效果美观。
• 良好的用户体验：流畅的动画效果和交互体验。

技术架构

核心技术栈

• uni-app x：跨平台应用开发框架
• UTS：TypeScript的超集，用于编写跨平台代码
• Vue 3：前端框架，使用组合式API
• UCSS：跨平台样式语言
• uni-app x内置组件：如scroll-view、slider等
• uni-app x API：如createInnerAudioContext等

项目结构

├── api/              # API接口封装
│   ├── hotmovie.uts  # 热门电影API
│   ├── movie.uts     # 电影相关API
│   ├── music.uts     # 音乐相关API
│   └── swiper.uts    # 轮播图API
├── components/       # 自定义组件
│   ├── box-office/   # 票房组件
│   └── movie-section/# 电影板块组件
├── pages/            # 页面目录
│   ├── movie/        # 电影相关页面
│   ├── music/        # 音乐相关页面
│   └── tabBar/       # 底部导航栏页面
├── store/            # 状态管理
│   ├── musicStore.uts    # 音乐数据存储
│   └── playlistStore.uts # 播放列表存储
├── utils/            # 工具类
│   └── request.uts   # 网络请求封装
├── static/           # 静态资源
├── App.uvue          # 应用入口
├── main.uts          # 主文件
├── pages.json        # 页面配置
└── manifest.json     # 应用配置

环境配置

系统要求

• Windows环境：
  • 操作系统：Windows10 64位、Windows11 64位
  • 内存：16GB及以上
  • 硬盘：100GB及以上
  • 分辨率：1280*800像素及以上
• macOS环境：
  • 操作系统：macOS(X86) 11/12/13/14 macOS(ARM) 12/13/14
  • 内存：8GB及以上
  • 硬盘：100GB及以上
  • 分辨率：1280*800像素及以上

开发工具

• HBuilderX：最新版本，支持uni-app x开发

依赖管理

• 项目使用uni-app x内置的依赖管理系统，无需额外安装依赖。

编译构建

构建流程

1. 在HBuilderX中打开项目
2. 选择目标平台（如HarmonyOS、Android、iOS等）
3. 点击"运行"或"发行"按钮
4. 按照提示完成构建过程

运行方式

• 真机运行：连接设备后，选择"运行到设备"
• 模拟器运行：选择"运行到模拟器"
• 预览：选择"预览"

效果展示

影视模块

音乐模块

个人中心

开源协议

• 协议选择：本项目采用MIT协议，允许用户自由使用、复制、修改和分发本软件，但需包含版权声明和许可声明。
• 版权声明：版权所有者为csdn猫哥，使用者在使用过程中需遵守MIT协议规定，未经允许不得移除或修改版权声明。

开发文档

• [uni-app x实战：电影列表分页加载与上滑触底加载更多的实现原理](./Doc/uni-app x实战：电影列表分页加载与上滑触底加载更多的实现原理.md)
• [uni-app x跨平台开发实战：开发鸿蒙HarmonyOS影视票房榜组件](./Doc/uni-app x跨平台开发实战：开发鸿蒙HarmonyOS影视票房榜组件.md)
• 使用uniapp-x开发横向滚动卡片组件：scroll-view踩坑全记录
• 使用uniapp-x的鸿蒙应用开发：tabbar底部导航栏的实现

联系方式

• CSDN博客：blog.csdn.net/yyz_1987
• 项目开源地址：GitCode