本地视频播放器

最新推荐文章于 2024-11-13 11:52:56 发布
最新推荐文章于 2024-11-13 11:52:56 发布
阅读量412 收藏
点赞数
分类专栏： Go 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hust_a/article/details/127264327
版权

这是一个基于VUE + Go做的一个本地视频播放器项目，欢迎fork或star。

使用指南

本地开发

# 安装依赖
npm install

# 开发模式
npm run dev

# 打包
npm run build

# 启动后端
bee run

直接使用

  • 解压 lmdb\releases.zip

  • 进入releases文件夹

  • 进入 js 目录，将js文件中 “192.168.31.54:9090”

    换成 自己的ip+port(主要是为了移动端能够访问本地PC后台)

  • 返回 双击 run.bat

功能清单

本地视频快速搜索与过滤

数据持久化

批量创建合集

快捷键

键名功能
Space播放/暂停
Ctrl打开评论/关闭评论窗口
Enter确认评论
Left左快进6s
Right右快进6s
Insert截图
Alt + A打开/关闭评论列表
hust_a
关注
专栏目录
Go实战--golang实现MP4视频文件服务器(nareix/joy4)
一蓑烟雨任平生 也无风雨也无晴
09-21 17万+
生命不止，继续 go go go !!!有点忙，有点懈怠，继续。关于golang实现的静态文件服务器之前有写过： Go实战–golang实现静态文件服务器(文件查看，文件上传，文件下载)正好，最近在做视频方面的东西，那么先来个简单的，实现一个提供mp4视频文件的服务器吧，并且通过浏览器访问播放。MP4文件服务器package mainimport ( "log" "net/http
golang http 返回html文件_Go实战——golang实现MP4视频文件服务器
weixin_42493639的博客
01-20 791
生命不止，继续 go go go !!!有点忙，有点懈怠，继续。关于golang实现的静态文件服务器之前有写过：Go实战–golang实现静态文件服务器(文件查看，文件上传，文件下载)正好，最近在做视频方面的东西，那么先来个简单的，实现一个提供mp4视频文件的服务器吧，并且通过浏览器访问播放。MP4文件服务器package mainimport ( "log" "net/http" ...
使用go语言编写一个播放器
03-12 1013
使用go语言编写一个播放器，直接看效果 整体思路是使用ffmpeg解码，然后使用xui进行渲染，音频播放暂时还没调通，以下是源码 package main import ( "github.com/nareix/joy4/av" "github.com/nareix/joy4/av/avutil" "github.com/nareix/joy4/cgo/ffmpeg" "github.com/nareix/joy4/format" "github.com/tenny1225/xui" "im
基于Vue3+Go本地视频管理与播放系统设计与实现
hust_a的博客
10-16 3511
基于Vue3+Go本地视频管理与播放系统设计与实现
Golang（9）：Xubuntu 系统，使用Golang，开发直播流媒体服务器livego ， 并使用 OBS 推流本地视频到本地服务器，并使用vlc 播放视频。
freewebsys的专栏
03-15 3320
目录前言1，关于Golang 直播 livego2，使用 OBS3，总结 前言 相关Golang 全部分类： https://blog.csdn.net/freewebsys/category_2120333.html 本文的原文连接是: https://blog.csdn.net/freewebsys/article/details/104874038 未经博主允许不得转载。 博主地址是：h...
KenPlayer(本地视频播放器)v18.6.6官方安装版
08-07
KenPlayer播放器是一款小巧精美的本地视频播放器，无捆绑，无广告，支持硬件解码(至少需要Vista/Win7系统，XP依然使用软解);自带解码器，无需安装，支持几乎所有主流媒体格式，在自带解码器的播放器中应该是轻量级的...
web本地视频播放器
12-31
标题中的“web本地视频播放器”指的是在网页中实现对本地视频文件的播放功能。这一技术通常涉及到HTML5的 `<video>` 标签，JavaScript 控制以及可能的播放器库。下面将详细介绍这个主题。 一、HTML5 `<video>` 标签...
基于Android的本地视频播放器
06-11
本文将深入探讨如何构建一个基于Android的本地视频播放器，涵盖标题和描述中提到的关键知识点。 首先，我们需要理解Android的多媒体框架。Android系统提供了Media Framework，它是一个层次化的组件集合，用于处理...
goacademic视频流播放技术
曾小辉的博客
10-23 1339
先将视频进行切割，然后改为ts格式，最后采用流的形式进行播放 列子：http://www.goacademic.cn/
livego流媒体服务实现无插件播放视频(支持hls,flv)
qq_37103755的博客
11-02 5472
一：简述 本文将描述如何使用livego配合flv.js 和hls.js 实现无插件的播放视频流。可以同时支持安卓、ios、PC端浏览器拉流。本示例所有的执行结果是windows下试验的。flvjs和hlsjs需要使用谷歌浏览器或者360浏览器极速模式可以访问。文章如有错误或者有什么更好的方式望大佬们指出相互学。感谢各位贡献出源码的大佬们。 二：环境准备 下载livego。编译好二进制文...
模拟爱奇艺本地视频播放器（源码+部署说明+演示视频+源码解释）.zip
04-21
模拟爱奇艺本地视频播放器是一款基于 Java 语言和 Eclipse IDE 开发的本地视频播放器，它能够播放各种视频格式的文件，包括 MP4、AVI、MKV、FLV 等。该系统采用 MVC 架构，前端使用 JavaFX 实现用户界面，后端使用 ...
深入解析Javascript中的this指向
最新发布
m0_62652709的博客
11-13 783
this是什么？它的值是如何决定的？为什么在 Vue2 开发中会给this单独定义一个变量？this是动态绑定的，指向取决于调用的上下文。在 Vue2 中，常见的this丢失场景包括回调函数和普通函数。解决方案：使用保存引用。使用箭头函数（推荐）。
Vue中的常用指令
m0_62388400的博客
11-12 1150
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
第四十二章 Vue中使用mutations修改Vuex仓库数据
Calvin的博客
11-11 1044
在Vue中，明确vuex同样遵循单向数据流，即组件中不能直接修改仓库的数据，我们可以通过 strict: true 可以开启严格模式，防止在组件中非法修改仓库数据。(错误写法)在Vue中，组件想要修改Vuex的数据，可以通过Vue提供的mutations来实现。本章节我们将通过掌握mutations的操作流程，来修改state数据。(state数据的修改只能通过mutations )1.2. mutations修改数据基本步骤。
新手 Vue 项目运行
有你真好的博客
11-11 559
2.1 回到Idea后端的springboot项目，找到src--> rescources --> front.front --> index.html文件，打开之后找到 adminurl : 'adminurl'2.6 至此，前端Vue程序已经运行起来，结合前面的spingboot项目，我们已经将整个springboot + Vue项目运行起来。打开cmd命令行，按住win+R，出来命令行窗口，输入cmd，出来终端窗口。在运行项目之前，确保运行vue项目的环境已经安装成功，并可以找到；
【开源免费】基于SpringBoot+Vue.JS美发门店管理系统（JAVA毕业设计）
customer08的博客
11-11 1174
基于Vue.js和SpringBoot开发的美发门店管理系统是一个功能全面的解决方案，旨在为美发店提供高效的日常运营支持。该系统分为两个主要部分：管理后台和用户网页端，以满足不同用户角色的需求。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值