ffserver

kzo81 · 09-22-2021, 09:39 AM

Hi,

I'd like to be able to set the /etc/ffserver.conf file's parameters from a web UI.

The hardware is a Raspberry Pi and a drone controller which has a USB cable attached to the RPI.

My goal is to be able to set the resolutions at runtime from the Rpi's web interface (NGinX)

This is the html skeleton:

Code:

<!DOCTYPE html>
<html>
<body>


<label for="resolutions">Resolutions:</label>

<select id="resolutions">
  <option value="640x480">SD</option>
  <option value="1024x768">HD</option>
  <option value="1920x1080">Full HD</option>
</select>

<button type="button" onclick="alert('Hello world!')">Apply</button>
  
</body>
</html>

I'd like the config file's line:

VideoSize 640x480

be changed when the Apply button is pressed and restart the systemd service. It doesnt matter if the web server runs as root. Do you have an easy and elegant way to change the config file?

I wouldnt like to create a shell sript with sed that changes the appripriate values for each and every properties.
I dont know much about nodeJS but I think that an object could be built up with the ffserver's config file's properties, changed at runtime and written back as a new config file, or just update the appropriate segments.

Thnaks

pan64 · 09-23-2021, 01:57 AM

a simple html page won't do that.
Probably this helps: https://unix.stackexchange.com/quest...m-from-website

ondoho · 09-24-2021, 03:59 PM

Quote:

Originally Posted by kzo81

Hi,

I'd like to be able to set the /etc/ffserver.conf file's parameters from a web UI.

The hardware is a Raspberry Pi and a drone controller which has a USB cable attached to the RPI.

My goal is to be able to set the resolutions at runtime from the Rpi's web interface (NGinX)

This is the html skeleton:

Code:

<!DOCTYPE html>
<html>
<body>


<label for="resolutions">Resolutions:</label>

<select id="resolutions">
  <option value="640x480">SD</option>
  <option value="1024x768">HD</option>
  <option value="1920x1080">Full HD</option>
</select>

<button type="button" onclick="alert('Hello world!')">Apply</button>
  
</body>
</html>

I'd like the config file's line:

VideoSize 640x480

be changed when the Apply button is pressed and restart the systemd service. It doesnt matter if the web server runs as root. Do you have an easy and elegant way to change the config file?

I wouldnt like to create a shell sript with sed that changes the appripriate values for each and every properties.
I dont know much about nodeJS but I think that an object could be built up with the ffserver's config file's properties, changed at runtime and written back as a new config file, or just update the appropriate segments.

Thnaks

What is ffserver? What are you trying to achieve here?
Thnaks.

kzo81 · 09-26-2021, 01:26 AM

I'd like to be able to set the /etc/ffserver.conf file from the web interface.
But I dont know ho to do this. I really dot like php, its an old rusty thing.

Something like this:

Here is an example ffserver config file: https://raw.githubusercontent.com/fh.../ffserver.conf

Code:

<!DOCTYPE html>
<html>
<body>

    <script>
        function changePort(){
            var port = document.getElementById("ports").value;
                       
            if(1024 <= port && port <= 65535){

                try {
                    var fs = require('fs')
                    fs.readFile('ffserver.conf', 'utf-8', function(err, data){
                    
                        var result = data.replace(/Port [0-9]*/g, 'Port ' + port);
            
                        fs.writeFile('ffserver.conf', result, 'utf-8', function(err){
                            if(err) return console.log(err);
                        });
                    });
                } catch (error) {
                    console.error(error);
                }
            }    
        }
    </script>

<label for="ports">Streaming Ports:</label>

<select id="ports">
  <option value="554">RTSP</option>
  <option value="8080">HTTP</option>
</select>

<button type="button" onclick="changePort()">Set</button>
  
</body>
</html>