soliton4 / broadwaystream Goto Github PK
View Code? Open in Web Editor NEWsimply stream a local file and render it with Broadway.js
License: GNU Lesser General Public License v3.0
simply stream a local file and render it with Broadway.js
License: GNU Lesser General Public License v3.0
Hi, i have get the raw-h264 stream by websocket, but how can i play it in the browser? i now broadway can do it, but how to use it? can you give me a suggesstion?
How does the server have to send the data?
Im currently opening it with a mp4reader and sending the raw frames that it provides me ( not jpeg or anything, just the h264 frames ) but it doesnt work
By the little knowledge I have I asume its becouse the player is not properly initialized ( with the sps and pps ) but I have little to know idea how to achieve that using the provided framework
Im using this to decode the frames
var player = new Player({ useWorker: true, workerFile: "Decoder.js", width:1280, height:720 }); player.decode(bytes);
macdeMacBook-Pro:BroadwayStream-master mac$ node index.js --file /Users/mac/Downloads/VID_20160418_232147.mp4
using: /Users/mac/Downloads/BroadwayStream-master/app/ as: /app
using: /Users/mac/Downloads/BroadwayStream-master/Broadway/ as: /Broadway
Session: undefined
{ connection:
{ session: [Circular],
localFrames: {},
restrictLocalFrames: true },
setAuth: [Function] }
Session: undefined
{ connection:
{ session: [Circular],
localFrames: {},
restrictLocalFrames: true },
setAuth: [Function] }
Hi,
I have an application which uses the ffmpeg libraries and gives me packets of raw h.264 bitstream which i then want to display on my browser. The details are posted here (link provided to avoid retyping) :
http://stackoverflow.com/questions/37574441/decoding-raw-h-264-using-broadway-js
I found this other thread on Broadway repository. Was not sure where to post my query, so just decided to post here :P
While encoding using the ffmpeg libraries, i've made sure to use the Baseline profile as needed.
I've been trying to figure this out for a while. Any help is highly appreciated!
When playing a video on Android 4.4 - the canvas doesn't resize to the actual video size, which results in a cropped picture (200x200).
Browser console didn't log any error that would explain this.
I'm guessing it's javascript issue but I couldn't pin down the cause.
Trying to playback video on safari iOS 8.3 - no video appears.
Tried enabling/disabling webgl - didn't solve the issue.
I'm trying to get a MAC PC to run safari with debug tools.
I followed the steps given in the README file.
I'm not getting what am I supposed to do after that.
This is what I see in my shell -
$ node index.js -f mozilla_story.mp4
using: /home/omerjerk/github/BroadwayStream/app/ as: /app
using: /home/omerjerk/github/BroadwayStream/Broadway/ as: /Broadway
How am I supposed to open the webpage now ?
The demo shows a bunch of pixelated blobs. Is there something I need to change in the code to get the demo to work other than pointing it to a video file?
Google Chrome Version 57.0.2987.133 (64-bit)
MacOS Sierra 10.12.4.
Hi @soliton4,
I have a problem, how to convert rtmp stream to h.264 raw stream by ffmpeg.
I have use this command:
ffmpeg -i rtmp://xxx.xxx.xx.xx:xxxx/table01 -f h264 -profile:v baseline -level 3.0 -pix_fmt yuv420p -s:v 864x480 http://127.0.0.1:8868/1234/864/480/
And the I use broadway to decode the stream, it can be show 30% video on the top, but its bottom likes this:
I use this command to capture video from camera:
ffmpeg -f qtkit -i "0" -f h264 -profile:v baseline -level 3.0 -pix_fmt yuv420p -s:v 864x480 http://127.0.0.1:8868/1234/864/480/
It works correctly.
I'm a beginner for ffmpeg and video. Please help me.
Thanks
David
Hi,
I tested my callofduty.h264 file which I captured and encoded from render buffer using NvidiaAPIs but it is so much slow to decode and render a .h264 file.
Why is it happen? So what can I do to fix it?
Link video:
https://www.dropbox.com/s/mr3ox1pa6biofqk/2017-08-26%2012-29-51.mp4?dl=0
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.