/uni-app-video

一个优秀的uni-app影视视频源码项目案例分享,旨在帮助大家更快的上手uniapp视频类项目

Primary LanguageVueMIT LicenseMIT

uni-app-Video

一个优秀的uni-app案例,旨在帮助大家更快的上手uni-app,共同进步!

Tip

由于一些不可抗力,不得不下线该应用的在线播放及电影详情服务,但是程序内逻辑可以借鉴参考,小程序版本目前效果最佳,大家可以扫码体验

Features

  • 代码编写简洁,注释清晰,快速入门必备;
  • 支持在线模糊搜索;
  • 程序类目懒加载,支持在线播放预告片;
  • 更好的App跨平台框架、更方便的H5开发框架,加载新页面速度更快;
  • 一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。

项目从零开始搭建到开发解读:

扫码体验

H5

使用手册

本仓库为了帮助更多初学者或是爱好者,仅供学习交流,严禁用于商业用途,仓库中使用Api均来自于网络,如涉及侵犯个人或者团体利益,请与我取得联系,我将主动删除一切相关资料,谢谢

启动准备

小程序账号及微信开发者工具: https://mp.weixin.qq.com

建议编辑器:HBuilderX

手摸手启动项目 ( 以小程序为例 ):

1.打开 HBuilderX导入项目:

H5

2.进入manifest.json文件中修改成自己的相关ID(如遇无法加载配置文件,重启编辑器即可);

H5

接下来就可以正常使用啦~

小程序启动可能会遇到问题:

  • 预编译器错误:代码使用了scss/sass语言,但未安装相应的编译器插件,请前往插件市场安装该插件

    答:HbuildX工具上方工具栏 -- 工具 -- 插件安装 -- 前往插件市场安装 -- 搜索**scss/sass编译**安装后重新运行即可。

  • HBuilderX报错:微信开发者工具拒绝HBuilderX访问端口 || [error] 工具的服务端口已关闭。

    答:微信开发者工具 -- 设置 -- 安全设置,点击开启服务端口即可解决。

  • 小程序报错:不在以下 request 合法域名列表中

    答:这是因为在小程序中发起了wx.request请求,但是请求的域名没有在微信公众平台后台设置,管理员将需要使用的域名添加到小程序后台,(调试时可以点击微信开发者工具右上角 **详情 -- 本地设置 -- 勾选不校验合法域名 **,可暂时取消报错)。

  • 小程序报错:Failed to load media http://xxx.xx server responded with a status of 403

    答:这是小程序电影详情页面的预告片视频报错(不影响可忽略此错误),并不是加载视频错误,而是微信开发者工具中加载视频会提示这个错误,所以在调试带有视频的控件时,可以点击真机预览小程序。

  • H5页面显示一直在加载中

    答:打开F12控制台,查看报错信息,理论上应该是提示跨域,如果是跨域问题,可以使用使用HBuilderX内置浏览器来解决,或者查看这里的解决方案.


本程序用到的接口API如下 ( 添加至合法域名列表 ):

https://douban.uieee.com
https://api.douban.com

打包发布教程

点击此处查看 打包发布教程

★Star

如果你有好的意见或建议,欢迎给我们提 issue ,为优化此项目贡献力量。

开源不易,致敬不断奋斗在开源路上的人。如果本仓库对您有帮助,请在最上方点亮Star,谢谢您!

Alt

免责声明

本仓库仅供学习了解, 请于下载后 24 小时内删除, 不得用作任何商业用途, 文字、数据及图片均有所属版权, 如转载须注明来源,如涉及侵犯个人或者团体利益,请与我取得联系,我将主动删除一切相关资料,谢谢!

使用本程序必循遵守部署服务器所在地、所在国家和用户所在国家的法律法规, 程序作者不对使用者任何不当行为负责。