aeinstein / webrtmp

A javascript RTMP client for browsers

WebRTMP

A HTML5 Flash Video (RTMP) Player written in pure JavaScript without Flash. LONG LIVE RTMP ;-)

For those who really miss RTMP in Browser, cause HLS sucks. This will be a part of avideo.

heavily inspired bei bilibi`s FlvPlayer

Introduction

This project consists of 2 parts.

• Websockify for wrapping TCP in WSS
• WebRTMP Client library

Demo

https://bunkertv.org/webrtmp/index.html

Features

• RTMP container with H.264 + AAC / MP3 codec playback
• RTMP over Websocket low latency live stream playback <= 3 sec.
• Compatible with Chrome, FireFox, Safari 10, IE11 and Edge
• Extremely low overhead and hardware accelerated by your browser!
• Use of promises

Getting Started

ClientSide:

<script src="dist/webrtmp.js"></script>
<video id="videoElement"></video>
<script>
    const videoElement = document.getElementById('videoElement');
    
    const rtmp_player = webrtmpjs.createWebRTMP();
    
    rtmp_player.attachMediaElement(videoElement);

    rtmp_player.open(document.location.host, 9001).then(()=>{   // Host, Port of WebRTMP Proxy
        rtmp_player.connect("demo").then(()=>{                  // Application name  
            rtmp_player.play("your streanname").then(()=>{      // Stream name
                console.log("playing");
            })
        })
    })
</script>

ServerSide:

Prerequisites:

apt install websockify

Launch WSS RTMP-Wrapper (Don't forget to get certificates)

websockify -D --cert fullchain.pem --key privkey.pem --ssl-only 9001 127.0.0.1:1935

TODO

a lot of error and exception handling

Design

serverSide

webrtmp's Issues

myNetConnectionObject.call

Hi great work thanks. Then tell me how can I also call a remoteMethod or receive a call remotely. In as3 it was the NetConnection.call().
Thank you

Error connect

what the problem going on, is this client side or rtmp server?

WebSocket server settings:
  - Listen on :9107
  - Flash security policy server
  - SSL/TLS support
  - Deny non-SSL/TLS connections
  - proxying from :9107 to 127.0.0.1:1935
36.68.223.195 - - [24/Feb/2024 14:56:45] code 400, message Client must support 'binary' or 'base64' protocol
36.68.223.195 - - [24/Feb/2024 14:56:45] code 405, message Method Not Allowed

Another error

36.68.223.195 - - [24/Feb/2024 15:07:48] code 400, message Bad request syntax ('\x88\x8f\x89*\xe6L\x8a\xc2\xb2-\xfbM\x838\xa9I\x8a#\xfaO\x82')
36.68.223.195 - - [24/Feb/2024 15:07:58] 36.68.223.195: SSL/TLS (wss://) WebSocket connection
36.68.223.195 - - [24/Feb/2024 15:07:58] 36.68.223.195: Version hybi-13, base64: 'False'
36.68.223.195 - - [24/Feb/2024 15:07:58] connecting to: 127.0.0.1:1935
36.68.223.195 - - [24/Feb/2024 15:08:10] code 400, message Bad HTTP/0.9 request type ('\x88\x8f\x0e\xf6\xdf\x01')