当前位置:   article > 正文

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

electron视频播放器

一、桌面版视频播放器

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

二、开发环境搭建

2.1 前提

  • 本地安装Node12.x+环境,Node.js是一个运行在服务端的JavaScript框架,主要用于创建快速的、可扩展的网络应用。

  • 本地已安装VSCode开发工具(其他工具也可以)。

  • 掌握VueVuex基础语法。

  • Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。

2.2  本地构建

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

 git clone git@github.com:meetqy/hapv.git

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

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

  1. cd hapv
  2. npm install

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

  1. npm install -g cnpm --registry=https://registry.npm.taobao.org
  2. cnpm install

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

npm run start

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

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

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

  1. npm run build:mac #构建安装包(Mac版)
  2. npm run build:win #构建安装包(Windows版)

三、安装包下载

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

四、使用说明

4.1选择平台

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

4.2播放视频

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

4.3其他功能

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

五、最后

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

公众号后台回复:hapv,就可下载 Electron 视频播放器哦!

文章推荐

Electron + Vue开发一款音乐播放器

手撸的一个快递查询系统,竟然阅读量过1.8w

一款精美的后台内容管理系统

Hugo 快速搭静态网站

不安分的猿人

孜孜不断的技术分享!

END

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小舞很执着/article/detail/999014
推荐阅读
相关标签
  

闽ICP备14008679号