Giter Club home page Giter Club logo

plook-client's Introduction

Plook

这个分支这种开发,请先切换到nodb分支

项目介绍

Plook 是一个基于 WebSocket 实现的网页端一起看功能的项目,允许用户在同一房间内共享视频,并且可以实时聊天。本项目为 Plook 的服务器端,使用 Spring Boot 框架开发,提供视频的管理、房间的管理以及 WebSocket 通信等功能。

项目初衷

大多数视频平台的一起看功能只能看平台上的视频,用户想看的资源如果平台上没有就无法实现共享观看,所以开发了 Plook 项目,允许用户自定义视频源,实现共享观看的功能。另外,该项目也可以被异地恋情侣用于共享观看视频,增强情感交流。

功能介绍

Plook-client 提供了以下功能:

  1. 视频播放:用户可以通过选择播放视频的源来观看视频。
  2. 视频控制:支持视频的暂停、播放和进度条拖动操作。
  3. 实时聊天室:用户可以在视频播放的同时与其他观看视频的用户进行实时的文字聊天交流。

技术栈

  • Vue.js
  • Element-UI
  • video.js
  • WebSocket

项目运行

克隆项目(github)

git clone -b nodb https://github.com/schuanhe/Plook-client.git

gitee

git clone -b nodb https://gitee.com/huanhe/Plook-client.git

进入项目目录

cd Plook-client

安装依赖

npm install

启动服务

如果你需要前后端分离,那么在项目的 src\components\HellWord.vue的172行可以改后端地址,

# 可以直接用vite打包
vite run build 

然后替换到后端的静态文件目录

具体可以看后端的自述文档

plook-client's People

Contributors

schuanhe avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.