Giter VIP home page Giter VIP logo

rtsp-web's Introduction

Node.js + WebSocket + FFmpeg + flv.js

注意：此项目的服务端仅做测试用

HTML5播放RTSP视频文章中的方案。

网页直播rtsp视频 node.js+ffmpeg+websocket+flv.js

server端

server目录是服务端代码。

运行前，先根据自身系统安装FFmpeg，并将bin目录设置到系统环境变量中。

目录

|-server
|-dist
|  |-index.js # babel编译后
|-src
|  |-index.js

启动

  1. 先安装依赖
yarn
# or
npm install
  1. 运行服务
npm start # 会先babel编译src/index.js，然后运行dist/index.js

# or
npm run build
node ./dist/index.js

client端

client目录是web端代码。使用的是vue+iview

运行前，先运行server端，视频才能观看。

视频源是Wowza Streaming Engine: RTSP Streaming。

如果失效了，上去看看是不是改地址了或者自行找视频地址更换。

更换VideoModal.vue，data中的rtspUrl。

目录

|-src
|  |-App.vue
|  |-components
|  |  |-Cameras.vue # 摄像列表
|  |  |-VideoModal.vue # 视频弹窗
|  |-main.js

启动

  1. 先安装依赖
yarn
# or
npm install
  1. 运行服务
npm run serve

rtsp-web's People

Contributors

littlebaozi avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar

Forkers

aigoal lrinili masterchenjiawang kmmao yncmc juzipeek superyhee gamingcitys ikob6688 janix520 hczxhy timlee-viact shusong-imooc lynchyueliu zaiming11 zfg88287508

rtsp-web's Issues

[IOController] > Loader error, code = -1, msg = Unsupported WebSocket message type: String

image

logger.js?52c1:38 [IOController] > Loader error, code = -1, msg = Unsupported WebSocket message type: String
e @ logger.js?52c1:38
_onLoaderError @ io-controller.js?d7c4:602
_onWebSocketMessage @ websocket-loader.js?fca6:117
logger.js?52c1:38 [TransmuxingController] > IOException: type = Exception, code = -1, msg = Unsupported WebSocket message type: String
e @ logger.js?52c1:38
_onIOException @ transmuxing-controller.js?4e9c:356
_onLoaderError @ io-controller.js?d7c4:639
_onWebSocketMessage @ websocket-loader.js?fca6:117
events.js?14cc:142 Uncaught (in promise) Error: Unhandled error. (undefined)
at EventEmitter.emit (events.js?14cc:142)
at EventEmitter.eval (flv-player.js?a985:236)
at EventEmitter.emit (events.js?14cc:153)
at eval (transmuxer.js?4037:189)

vue + ffmpeg

请问vue能直接结合ffmpeg做推拉流吗？还是必须要结合node端去做处理

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.