代码之家 › 专栏 › 技术社区 › Rupesh

如何显示从nodejs服务器获取的缓冲区数据中的视频

webrtc angular node.js html javascript

Rupesh · 技术社区 · 6 年前

这是我从我的实时网络摄像头在服务器端使用的缓冲区数据 webRtc socket.io

[ <Buffer 1a 45 df a3 9f 42 86 81 01 42 f7 81 01 42 f2 81 04 42 f3 81 08 42 82 84 77 65 62 6d 42 87 81 04 42 85 81 02 18 53 80 67 01 ff ff ff ff ff ff ff 15 49 ... 53876 more bytes> ]
[ <Buffer 1a 45 df a3 9f 42 86 81 01 42 f7 81 01 42 f2 81 04 42 f3 81 08 42 82 84 77 65 62 6d 42 87 81 04 42 85 81 02 18 53 80 67 01 ff ff ff ff ff ff ff 15 49 ... 53876 more bytes>,
  <Buffer 41 ab 81 03 c0 80 fb 83 84 97 85 2d c7 d9 a6 12 c0 c8 c0 a4 bf bb 8b 6b 94 f1 78 40 a5 e3 29 e1 42 de f0 9a 4d 94 bd 3c c8 ae 9c 07 b2 c2 65 e1 22 ea ... 196152 more bytes> ]

现在我只想把数据发送到我的HTML页面并播放网络摄像头视频。

  video: HTMLVideoElement;

  constructor(private _chatService: ChatService) {

    this.video = document.querySelector('video');
    const myMediaSource = new MediaSource();
     this.video.src = URL.createObjectURL(myMediaSource);

    const videoSourceBuffer = myMediaSource
      .addSourceBuffer('video/mp4; codecs="avc1.64001e"');

    this._chatService.recieveData()
      .subscribe(data => {
        console.log(data); // image is shown below
        videoSourceBuffer.appendBuffer(data);
      });

  }

类型为{}的参数不能赋值给类型为的参数

当我尝试控制台数据时,我在我的前端as中获取数据

有人,请帮帮我。

0 回复 | 直到 6 年前

Robin Börjesson 6 年前

有一个名为NodeMediaServer的节点模块可以工作。以下是使用rtmp的方法:

const { NodeMediaServer } = require("node-media-server");

const config = {
  rtmp: {
    port: 1935,
    chunk_size: 60000,
    gop_cache: true,
    ping: 60,
    ping_timeout: 30
  },
  http: {
    port: 8000,
    allow_origin: "*"
  }
};

var nms = new NodeMediaServer(config);
nms.run();

buildPlayer() {
    if (this.player || !this.props.stream) {
      return;
    }
    const { id } = this.props.match.params;
    this.player = flv.createPlayer({
      type: "flv",
      url: `http://localhost:8000/live/${id}.flv`
    });
    this.player.attachMediaElement(this.videoRef.current);
    this.player.load();
  }

不知道是否有用,但值得一试。

推荐文章

Mahdi Azadbar · 如何在webRTC android中将视频流数据记录为mp4?

7 年前

Leonard Klausmann · 同龄人js webrtc>>在运行时更改流

7 年前

priya upadhyay · 如何防止在执行node js程序时终止html脚本

7 年前

ahmed easa · webrtc音频或视频广播能负担多少用户?

7 年前

user6906805 · LTE-to-WIFI连接不适用于WebRTC连接,但WIFI-to-WIFI连接适用

7 年前

Diaz diaz · 处理PeerConnection WebRTC期间出现致命信号6

7 年前

DsXack · 如何在iOS和macOS上使用Safari中的网络摄像头录制视频?

7 年前

stevenpcurtis · 在Swift的WebRTC中使用后置摄像头

7 年前

Alexey Nikonov · 托管和部署peerjs服务器

7 年前

Akshay komarla · 在最新浏览器中引发getusermedia DevicesNotFoundError

7 年前