前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >只有你项目不到,Electron也可以开发视频播放器

只有你项目不到,Electron也可以开发视频播放器

作者头像
不安分的猿人
发布2020-05-22 18:02:28
2.2K1
发布2020-05-22 18:02:28
举报
文章被收录于专栏:不安分的猿人不安分的猿人

一、桌面版视频播放器

今天又发现一款强大的开源软件,electron 开发的一个可以播放国内主流视频(腾讯、爱奇艺、优酷、芒果、乐视)的播放器。而且播放视频可直接跳过广告。好的开源项目第一时间分享给大家!

二、开发环境搭建

2.1 前提

  • 本地安装Node12.x+环境,Node.js是一个运行在服务端的JavaScript框架,主要用于创建快速的、可扩展的网络应用。
  • 本地已安装VSCode开发工具(其他工具也可以)。
  • 掌握VueVuex基础语法。
  • Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。

2.2 本地构建

下载项目 项目地址: https://gitee.com/meetqy/hapv 使用gitBash直接下载项目即可:

代码语言:javascript
复制
 git clone git@github.com:meetqy/hapv.git

也可以这样直接下载项目源码包,如下图:

本地运行 打开命令行窗口,执行如下命令,就可以本地运行:

代码语言:javascript
复制
 cd hapv
 npm install

如果下载速度特别慢,设置淘宝镜像,操作如下:

代码语言:javascript
复制
 npm install -g cnpm --registry=https://registry.npm.taobao.org
 cnpm install

然后执行如下命令可以本地运行

代码语言:javascript
复制
npm run start

本地运行的效果图下所示:

项目打包 支持两种方式,MacWindows,根据自己的电脑的系统选择不同的版本安装即可。命令如下:

使用下面命令可进行打包:

代码语言:javascript
复制
npm run build:mac #构建安装包(Mac版)
npm run build:win #构建安装包(Windows版)

三、安装包下载

Mac版本下载 地址: https://gitee.com/meetqy/hapv/releases Windows版本下载 作者没有构建windows版本,小编我就构建了一个windows版本,在我的公众号后台回复hapv就可以下载。

四、使用说明

4.1选择平台

视频播放器支持切换多种平台,根据仔细的喜好可自由切换,如下图:

4.2播放视频

选择喜欢的节目,点击立即播放即可,可直接跳过广告喔。

4.3其他功能

视频播放器包括播放记录正在播放线路切换等功能。

五、最后

今天推荐的项目特别使用,如果你也喜欢看视频,这款手工开发的视频播放器很适合你哦。学习娱乐两不误!

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-05-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 不安分的猿人 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、桌面版视频播放器
  • 二、开发环境搭建
    • 2.1 前提
      • 2.2 本地构建
      • 三、安装包下载
      • 四、使用说明
        • 4.1选择平台
          • 4.2播放视频
            • 4.3其他功能
            • 五、最后
            相关产品与服务
            云点播
            面向音视频、图片等媒体,提供制作上传、存储、转码、媒体处理、媒体 AI、加速分发播放、版权保护等一体化的高品质媒体服务。
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档