Stream Images using a local server - javascript

I want to stream images (print screens of the server) using a local server (apache). For an example i will go to the website using a machine on the same network and then this web site will show me set of images at a speed around 30fps (then i will see it as a video). The image quality has to be good.
At the moment i can go to this website using a machine connected to local network. But i cannot figure out a way to stream images. And I have no knowledge of PHP..
Is this possible to achieve??
Can anyone point me in the right direction...
Thanks.

ffmpeg can help you create videos from images. It has a cli binary that can do the task.
Ref: https://trac.ffmpeg.org/wiki/Create%20a%20video%20slideshow%20from%20images

Related

Reduce bytes downloaded by all clients on Firebase Hosting?

I'm hosting a website on Firebase Hosting for free and I want that to stay that way :D.
It's a simple 1 page landing page. My problem is that today under hosting it says 3GB was downloaded by all the clients. (free is 10GB/month). How can I limit the client side download in any way? I have a looping background video with a size of 100MB but its only have to download it once right? so that 100MB/user but that shouldn't add up to 3GB in 1 day since I only send it to like 4 people to test it out. And I also have like 5 embed YouTube video but are those count toward client side data downloaded? and some pictures under 1mb but that should matter also.
Also here is a screenshot from the Network tab after Crtl+Shift+R reaload.

Crop resolution and trim video length in JS client side before uploading?

I wanna enable users of my web app to upload videos with a maximum lenght of 10s and cropped/scaled to a certain resolution. There for users should be able to trim there selected video to 10s before uploading it with a simple editor.
Is there any library or examples enabling client side video editting to cut video length as well as croping before uploading it to a server? I found some canvas approaches for filters, single video frames and export to webM videos but nothing bringing it all together. So anyone done that before?
Apreciate any ideas :)
Tipicaly video processing is a server thing because it's easier to find and run complex (often compiled) libraries (like ffmpeg) there than in browser and it may cause less performance problems for end user. Anyway I think there are two options:
1. Process video on server - send file and configuration
The first approach assume that you prepare client side "editor" based on canvas which simulate video editing. After setup of all filters, crops etc. the client might send original video file and video processing configuration which would be used on a server to do the same thing
Depends on which language you prefer on backend side implementation might be different so I don't give you ready snippet of code.
Of course you can switch order of tasks and upload original file at first place then smiulate video processing on client side and after all send mentioned configuration to backend and process video.
2. Process video within WebAssembly
If you really need to keep everything on client side you can try with WebAssembly ports of libraries like https://github.com/ffmpegwasm/ffmpeg.wasm and send already processed video file to server.

Stream Liveview from Sony Camera to webpage on external server

I have a webserver (node) to access Sony Cameras via their API. The webserver is currently setup over the same wifi network as the cameras, but will later on be on its on external webserver. The cameras have been paired via WPS to my wifi router.
I can access my two cameras at the same time, and send requests to take photo, zoom etc. However, my questions are:
What would be the best way to "stream" the liveview from the Sony Camera to my webpage? I've been trying both over socket.io, watching files etc. Kind of similar result. I need best possible performance here, since they are not going to be on the same network later on. Right now I'm saving the image buffer to a file on the server that I watch for changes and then emits event to the webpage to load that image.
When I start liveview from just one camera, it works pretty well (it
stops sometimes, but comes back and most of the time. However, when I
have two liveviews running on the same page, the update of my image
is kind of stopping right away, it is super laggy. Any ideas why?
Thanks!

Recording audio to internet - SoundCloud API?

So I need to allow clients to record audio to the internet. Best solution I've found so far which keeps them on our site is the Soundcloud API and I just give them our account details and they use a version of the Soundcloud recorder (Flash/Javascript) hacked together for out site.
Main issue is, these recordings are long. Maybe up to an hour. Because Soundcloud API records in the browser then uploads the audio and transcodes on its server there's a lot to go wrong in the upload process which takes a long time with a big file. It's ok if we just record the audio in say 20 min chunks but it's just not that reliable.
We tried to build our own using wami-recorder, but that meant transcoding from wav to MP3 in the browser before upload to make the file smaller, but taking more time on the client machine - at least Soundcloud does the transcoding server-side.
Given the size of the files should I be looking at a server side recorder/streaming solution based on red5 or something, or is a client side recorder with upload a better proposal?
thanks a lot!

Converting ppt to images

I want to convert ppt to images on the client machine and zip all the images and send it to the server.
I've read on many forums and found that it's not possible to convert ppt to images on the server where Office is not installed.
So, I had this thought if the conversion could be done in the client browser and sent to the server, using JQuery or any other client side technology.
Any example would be appreciated.
Thanks
Aspose.Slides for .NET allows you to convert the PPT slides to images on the server, without the need for Microsoft Office installed. You might want to give it a try, if that helps. It is a standard .NET assembly which can be used on the server, in your application. The conversion is simple, here is the sample code:
//Instantiate a Presentation object that represents a PPT file
Presentation pres = new Presentation("demo.ppt");
//Accessing a slide using its slide position
Slide slide = pres.GetSlideByPosition(1);
//Getting the thumbnail image of the slide of a specified size
Image image = slide.GetThumbnail(new Size(290, 230));
//Saving the thumbnail image in jpeg format
image.Save("C:\\thumbnail.jpg", ImageFormat.Jpeg);
Disclosure: I work as developer evangelist at Aspose.
Javascript generally doesn't have the capacity to modify files on the client machine and can't automate a file upload. You may be able to get the desired effect with a Java applet, I'm not sure. The alternative is to provide a stand-alone application that will do the conversion and zipping, then have the user upload the file manually.
Edit: As an afterthought, any reason you can't simply install Office on your server and do it there?
You have no control over the client machine once your html has been rendered and so you cannot achieve this. The user would have to do it manually.

Categories

Resources