Giter VIP home page Giter VIP logo

video's Introduction

video

一个基于node的流媒体项目,可以上传视频或者音频文件,附带一个websocket的聊天室,响应布局;

sign page 效果

index page 效果

function page 效果

上面是一部分页面,动画都是svg和canvas,希望

希望大家喜欢

这个项目面向对象:

  • 前端朋友,这个项目使用的前端技术比较广,vue,html5(媒体播放,canvas),css3,svg动画,响应式页面,es6语法,node(koa2框架);基于mvc架构,我也写了很多注释,所以维护或者更改是很方便的,可以自己扩展功能,我也会之后写新的东西;

  • 树莓派用户,使用node写后台还是很简单的,在linux上的环境配置也很简单的,将下载好的电影上传到树莓派上,同一个内网内的用户在手机上看,不用互相拷贝。除此之外他本身可以替代ftp的一部分功能;

  • 暂时只想到这么多了;

使用到的技术:

  • html5 : 页面的播放器基于html5,所以可以跨平台,页面特效是canvas和svg等实现的。

  • es6 :js用了es6的语法,在最新版本的火狐浏览器和chrome 浏览器测试无误,建议使用最新版本火狐和新版本chrome,会有很好的体验;

  • node koa2 : 因为使用了koa2框架,需要支持async等新特性,所以node环境需要升级到8.0.0的版本,后面介绍环境配置;

  • vue : 这个项目的的页面项目在page,有问题可以跟我联系;

配置和安装

欢迎大家有问题给我发邮件,很希望能跟大家成为朋友

video's People

Contributors

swnb avatar

Watchers

Seeker 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.