本地视频播放器

VUE+Go视频播放器
最新推荐文章于 2025-12-01 17:16:39 发布
原创 最新推荐文章于 2025-12-01 17:16:39 发布 · 491 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

本项目介绍了一个结合VUE与Go语言开发的本地视频播放器，支持视频快速搜索与过滤、数据持久化等功能，并提供了详细的开发及使用指南。

这是一个基于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打开/关闭评论列表
《Android本地视频播放器完整源代码》
07-23
开发Android本地视频播放器是一项涵盖多媒体处理、UI设计及系统资源管理的综合性任务。本项目“Android本地视频播放器所有源代码”提供了一套完整的解决方案，具备播放记录管理、用户交互控制和视频过滤等功能，是...
web本地视频播放器
12-31
标题中的“web本地视频播放器”指的是在网页中实现对本地视频文件的播放功能。这一技术通常涉及到HTML5的 `<video>` 标签，JavaScript 控制以及可能的播放器库。下面将详细介绍这个主题。 一、HTML5 `<video>` 标签...
golang http 返回html文件_Go实战——golang实现MP4视频文件服务器
weixin_42493639的博客
01-20 851
生命不止，继续 go go go !!!有点忙，有点懈怠，继续。关于golang实现的静态文件服务器之前有写过：Go实战–golang实现静态文件服务器(文件查看，文件上传，文件下载)正好，最近在做视频方面的东西，那么先来个简单的，实现一个提供mp4视频文件的服务器吧，并且通过浏览器访问播放。MP4文件服务器package mainimport ( "log" "net/http" ...
使用go语言编写一个播放器
03-12 1164
使用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 3964
基于Vue3+Go本地视频管理与播放系统设计与实现
Golang（9）：Xubuntu 系统，使用Golang，开发直播流媒体服务器livego ， 并使用 OBS 推流本地视频到本地服务器，并使用vlc 播放视频。
freewebsys的专栏
03-15 3589
目录前言1，关于Golang 直播 livego2，使用 OBS3，总结 前言 相关Golang 全部分类： https://blog.csdn.net/freewebsys/category_2120333.html 本文的原文连接是: https://blog.csdn.net/freewebsys/article/details/104874038 未经博主允许不得转载。 博主地址是：h...
Go实战--golang实现MP4视频文件服务器(nareix/joy4)
qq_30505673的博客
05-31 7765
实现一个提供mp4视频文件的服务器吧，并且通过浏览器访问播放。 MP4文件服务器 package main import ( "log" "net/http" "os" "time" ) func ServeHTTP(w http.ResponseWriter, r *http.Request) { video, err := os.Open("./te...
本地视频播放器，支持大部分格式
辣香牛肉面的博客
06-26 537
这个播放器完全在浏览器中运行，支持所有现代浏览器（Chrome, Firefox, Edge, Safari等），只需将HTML文件保存到本地并双击打开即可使用。支持播放MP4、WebM、Ogg、MOV、AVI等多种视频格式。使用JavaScript File API处理本地文件。使用Blob URL技术直接播放本地文件。点击"打开视频"按钮选择本地视频文件。文件列表显示视频名称、大小和格式。从左侧文件列表中选择要播放的视频。使用底部的控制按钮控制播放。点击列表中的文件即可播放。清晰直观的播放控制界面。
android本地视频播放demo,基于Android的本地视频播放器
weixin_36002475的博客
05-29 898
【实例简介】基于安卓的本地视频播放器，可获取本地视频，以列表展示。可播放视频，包括基本的视频控制键【实例截图】【核心代码】MediaPlayer└── MediaPlayer├── AndroidManifest.xml├── bin│ ├── AndroidManifest.xml│ ├── classes│ │ └── com│ │ └── example│...
KenPlayer(本地视频播放器)v18.6.6官方安装版
08-07
KenPlayer播放器是一款小巧精美的本地视频播放器，无捆绑，无广告，支持硬件解码(至少需要Vista/Win7系统，XP依然使用软解);自带解码器，无需安装，支持几乎所有主流媒体格式，在自带解码器的播放器中应该是轻量级的...
基于Flet框架实现的本地视频播放器模板V1.0.1
09-08
Flet本地视频播放器是一个专为本地视频播放设计的轻量级应用程序，适用于以下场景： 1. **个人视频播放**：播放存储在本地计算机上的各种格式视频文件 2. **文件夹批量播放**：一次性加载整个文件夹中的所有视频并...
基于Android的本地视频播放器
06-11
本文将深入探讨如何构建一个基于Android的本地视频播放器，涵盖标题和描述中提到的关键知识点。 首先，我们需要理解Android的多媒体框架。Android系统提供了Media Framework，它是一个层次化的组件集合，用于处理...
livego流媒体服务实现无插件播放视频(支持hls,flv)
qq_37103755的博客
11-02 5697
一：简述 本文将描述如何使用livego配合flv.js 和hls.js 实现无插件的播放视频流。可以同时支持安卓、ios、PC端浏览器拉流。本示例所有的执行结果是windows下试验的。flvjs和hlsjs需要使用谷歌浏览器或者360浏览器极速模式可以访问。文章如有错误或者有什么更好的方式望大佬们指出相互学。感谢各位贡献出源码的大佬们。 二：环境准备 下载livego。编译好二进制文...
计算机图形学·19 Shadings in OpenGL
2303_79624041的博客
11-30 1078
而对OpenGL中的每个光源，都有环境光、漫射光和镜面光项，相关参数有：光源颜色项（GL_AMBIENT, GL_DIFFUSE, GL_SPECULAR）、位置/方向（GL_POSITION）、衰减项（GL_CONSTANT_ATTENUATION, GL_LINEAR_ATTENUATION, GL_QUADRATIC_ATTENUATION）、聚光灯参数（GL_SPOT_CUTOFF, GL_SPOT_DIRECTION, GL_SPOT_EXPONENT）。③物体的正反面是否执行不同的光照计算；
在线商城系统|基于springboot vue在线商城系统(源码+数据库+文档)
Coder-coco的博客
12-01 541
本文介绍了一个基于SpringBoot+Vue的在线商城系统开发项目。系统采用前后端分离架构，后端使用SpringBoot框架简化企业级开发，前端采用Vue.js实现响应式界面。数据库选用MySQL保证数据安全性和并发处理能力。文章详细说明了系统设计原则、技术选型理由，并提供了功能演示、代码示例和测试用例。项目包含完整的部署视频和源码，适合作为计算机专业毕业设计参考。作者作为大厂开发人员，可提供项目讲解和技术支持，文末附有源码获取方式及更多毕设选题推荐。
Vue3 Props 的使用：组件间数据传递的桥梁
大家好，我是张小白！
11-30 837
本文深入讲解了Vue3中Props的使用方法，包括基本传值、类型安全定义、默认值设置和响应式特性。主要内容包括：1）Props作为组件间数据传递的主要方式；2）从简单数组形式到类型安全的泛型定义；3）使用withDefaults设置默认值，特别是对象和数组类型的处理；4）Props的响应式特性和修改规范；5）最佳实践建议，如明确接口定义和保持Props简单性。文章强调类型安全的重要性，帮助开发者构建更健壮的组件架构，同时为后续学习Vue生命周期奠定基础。
vue 开发前的准备
W_LIN的博客
12-01 332
-- public/ # 公共文件，不会被Webpack处理| |-- index.html # 入口HTML文件|-- src/ # 源代码目录| |-- assets/ # 静态资源，如图片、字体等| |-- components/ # Vue组件| |-- views/ # 页面组件| |-- router/ # 路由配置| | |-- index.js # 路由定义| |-- store/ # Vuex状态管理（如果有使用）
Vue 3 组合式写法：侦听器 watch 和 watchEffect 的区别及使用技巧
2403_86719076的博客
12-01 673
讲解了watch和watchEffect的一些区别，如何去正确的进行使用
基于SpringBoot+uniapp+vue.js的货物配送系统
最新发布
自学网站s.jf3q.com,菜鸟的成长之路
12-01 604
本系统旨在构建一个集后台管理、司机端App操作为一体的综合性货物配送跟踪平台。其核心价值在于解决传统物流配送中信息不透明、追踪困难、管理效率不高的问题，实现对货物从订单生成、商品出库、运输在途到最终签收的全流程信息化管理与实时监控，从而有效提升货物配送的效率和透明度。
Android本地视频播放器开发与实现
基于Android平台开发一个本地视频播放器涉及到了Android应用开发的多个关键知识点。本知识点梳理将围绕如何开发一个具备基本功能的Android视频播放器，并深入分析MediaPlayer类的使用以及视频播放器界面的设计和实现...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值