Published December 17, 2014

GoPro installed on a robotic arm managed with Linino

Control a GoPro camera from the web.

Full instructions provided865

GoPro installed on a robotic arm managed with Linino

Things used in this project

Hardware components

Linino One

GoPro HERO Series Camera

Robotic Arm with two axles

Story

We try taking advantage of the most popular gadgets of the moment, to create a project based on Linino.
The goal of the project is to control a robotic arm on which we installed the GoPro camera and run some commands: start / stop recording video, taking photos, localize the camera (the cam starts to beep).

You will need:

Linino One

GoPro Hero 3+

Robotic Arm with two axles

NB Linino with Node.js and the Ideino development environment on-board
(For installing Node.Js and Ideino on the Yun, please refer to this guide: http://wiki.linino.org/doku.php?id=wiki:nodejscript).
The master piece of this project is the mips-gopro library for node.js (https://www.npmjs.org/package/mips-gopro). We had recompiled the Jaakko Manninen’s gopro lib (https://github.com/kschzt/gopro) for MIPS architecture and extend its functionality: now we had almost all of the gopro functionality.

Let’s start with the javascript code!

Now that we have everything you need, we can go to the Ideino worspace page via web browser (http://linino.local:2424) (after the root login) and create new project called “GoPro”, in which we will write our code to manage GoPro and robotic arm:

Before start coding, we need to install the mips-gopro module. To do so, open the package.json file inside the drone project you have just created, and add the dependence of the mips-gopro module. Your file should look like this:

you can also write other information like the name and description of the project. Save the package.json file, press the right mouse button on it and click Install. Ideino will run the npm command and will install the mips-gopro module inside the project directory.

Now create a new file and name it gopro_demo.js :

Code

Download

var linino = require('ideino-linino-lib'),
    board = new linino.Board({layout:"linino_one"}),
    html = new linino.Htmlboard(),
    fs = require('fs'),
    http = require('http'),
    url = require('url'),
    path = require('path'),
    express = require('express'),
    Camera = require('mips-gopro').Camera,
    cam = new Camera('10.5.5.9', your_password);
 
var loc_btn = "locationButton",
    power_btn = "powerButton",
    photo_btn = "photoButton",
    video_btn = "videoButton";
 
//   PanTilt 
var servoH = { pin: board.pin.servo.S8, value : 180 },
    servoV = { pin: board.pin.servo.S9, value : 180 },
    htmlH = { ctrl: 'sliderH' , param : 'value' },
    htmlV = { ctrl: 'sliderV' , param : 'value' };
 
var app,x=90,y=90,angolo=5;
 
board.connect(function(){
    //SIMPLE HTTP SERVER
    var file, page;
 
    app = express();
    var server = http.createServer(app);
 
    app.get('/',function(req, res) {
            page = path.join(__dirname,'html','gopro_demo.html');
            file = fs.readFileSync(page); 
            res.writeHead(200, {'Content-Type': 'text/HTML'});
 
        res.end(file);  
    });
 
    app.get('/up', function (req, res) {
        if(x<180-angolo+1) {
            x=x+angolo;
            board.servoWrite(servoV.pin,x);
            }       
    });
 
    app.get('/down', function (req, res) {
        if(x>angolo) {
            x=x-angolo;
            board.servoWrite(servoV.pin, x);
            }
    });
 
    app.get('/left', function (req, res) {
        if(y<180-angolo+1) {
            y=y+angolo;
            board.servoWrite(servoH.pin, y);
        }
    });
 
    app.get('/right', function (req, res) {
        if(y>angolo) {
            y=y-angolo;
            board.servoWrite(servoH.pin, y);  
        }
    });
 
    app.listen(1337);
 
//PanTilt    
    board.pinMode(servoH.pin, board.MODES.SERVO);
    board.pinMode(servoV.pin, board.MODES.SERVO);
 
    html.read(htmlH.ctrl,htmlH.param,function(data){
        board.servoWrite(servoH.pin,data.value);
    });
 
    html.read(htmlV.ctrl,htmlV.param,function(data){
        board.servoWrite(servoV.pin,data.value);
    }); 
 
// GoPro    
 
    //Video
    html.read(video_btn,'value',function(data){
        switch(data.value)
		{
			case 0:
				cam.switch2Camera().then(function(){cam.videoWVGA60(); cam.startCapture()});
				break;
			case 1:
				cam.switch2Camera().then(function(){cam.videoWVGA120(); cam.startCapture()});
				break;
			case 2:
				cam.switch2Camera().then(function(){cam.video720p30(); cam.startCapture()});
				break;
			case 3:
				cam.switch2Camera().then(function(){cam.video720p60(); cam.startCapture()});
				break;
			case 4:
				cam.switch2Camera().then(function(){cam.video960p30(); cam.startCapture()});
				break;
			case 5:
				cam.switch2Camera().then(function(){cam.video960p60(); cam.startCapture()});
				break;
			case 6:
				cam.switch2Camera().then(function(){cam.video1080p30(); cam.startCapture()});
				break;
			case "X":
				cam.stopCapture();
				break;
		}
    });
 
    //Photo
    html.read(photo_btn,'value',function(data){
		switch(data.value)
			{
				case 0:
					cam.switch2Photo().then(function(){cam.photo11w(); cam.startCapture()});
					break;
				case 1:
					cam.switch2Photo().then(function(){cam.photo8m(); cam.startCapture()});
					break;
				case 2:
					cam.switch2Photo().then(function(){cam.photo5w(); cam.startCapture()});
					break;
				case 3:
					cam.switch2Photo().then(function(){cam.photo5m(); cam.startCapture()});
					break;
 
			}
 
 
    });
 
    //Localization
    html.read(loc_btn,'value',function(data){
        if(data.value == 'Y')
            cam.localisationON();
 
        else
            cam.localisationOFF();
    });
 
 
 
});

Create the html page (gopro_demo.html) in the html folder, to interact with the hardware:

Code

Download

<html>

<head>

    <style>

        .text{

            width: 150px; 

            height: 65px;

            border: 1px solid gray;

            border-radius: 5;

            font-family: courier;

            font-size:   1.1em; 

            text-align: center;

            vertical-align: center;

        }

    </style>

	<script src="http://linino.local:2424/js/ideino-linino-lib/socket.io.js"></script>

	<script src="http://linino.local:2424/js/ideino-linino-lib/ideino-linino-lib-client.js"></script>

	<script>

		window.onload = connect('linino.local');

 
 
        //PanTilt

        function move(ctrl){

            writeData(ctrl.id, 'value', ctrl.value);

        }

 
        //GoPro

		function video(button)

		{

			if(button.value == "Record a Video")

			{

				var index = document.getElementById("video_resolutions").selectedIndex;

				writeData('videoButton','value', index);

				button.value = "Stop Recording";

			}

			else

			{

				writeData('videoButton','value', "X");

				button.value = "Record a Video";

			}

		}

 
		function photo()

		{

			var index = document.getElementById("photo_resolutions").selectedIndex;

            writeData('photoButton','value', index);

		}

 
        function localize(btn)

        {

        if(btn.value == "Localize"){

                btn.value = 'Stop';

                writeData('locationButton','value','Y');

            }else{

                btn.value = 'Localize';

                writeData('locationButton','value','X'); 

            }

        }

 
 
	</script>

</head>

<body>

    <!--         PanTilt              -->

    <p>

        <span class="text">

            Horizontal

            <input type="range" id="sliderH" name="sliderH" min="10" max="180" onmouseup="move(this);">

        </span>

    </p>

    <p>

        <span class="text">

            Vertical

            <input type="range" id="sliderV" name="sliderV" min="50" max="180" onmouseup="move(this);">

        </span>

    </p>

 
    <!--         GoPro              -->

	<input type="button" id="videoButton" onclick="video(this)" value="Record a Video"></input>

	<select id="video_resolutions">

	   <option> WVGA - 60fps

	   <option> WVGA - 120fps

	   <option> 720p - 30fps

	   <option> 720p - 60fps

	   <option> 960p - 30fps

	   <option> 960p - 60fps

	   <option> 1080p - 30fps

	</select>

	



	<input type="button" id="photoButton" onclick="photo(this)" value="Take a Photo"></input>

	<select id="photo_resolutions">

	   <option> 11 MP - Wide

	   <option> 8 MP - Medium

	   <option> 5 MP - Wide

	   <option> 5 MP - Medium

	</select>

    



    <input type="button" id="locationButton" onclick="localize(this)" value="Localize"></input>

 
 
</body>

</html>

Now that the code is ready to run, you need to put the application in autorun mode, this means that the application will run automatically at the next startup/reboot of Linino. Right mouse click on gopro_demo.js and click “Autorun”.

Now you just have to configure our board, making it connect to the GoPro WiFi Hotspot. To do that, please connect to the luci administration panel of your Arduino Yun via web browser. Wait a few minutes for the WiFi reconfiguration, the system will restart and your Node.Js file will autorun.

Now you are all set! Command your GoPro from Web!

var linino = require('ideino-linino-lib'),
    board = new linino.Board({layout:"linino_one"}),
    html = new linino.Htmlboard(),
    fs = require('fs'),
    http = require('http'),
    url = require('url'),
    path = require('path'),
    express = require('express'),
    Camera = require('mips-gopro').Camera,
    cam = new Camera('10.5.5.9', your_password);

var loc_btn = "locationButton",
    power_btn = "powerButton",
    photo_btn = "photoButton",
    video_btn = "videoButton";

//   PanTilt 
var servoH = { pin: board.pin.servo.S8, value : 180 },
    servoV = { pin: board.pin.servo.S9, value : 180 },
    htmlH = { ctrl: 'sliderH' , param : 'value' },
    htmlV = { ctrl: 'sliderV' , param : 'value' };

var app,x=90,y=90,angolo=5;

board.connect(function(){
    //SIMPLE HTTP SERVER
    var file, page;

    app = express();
    var server = http.createServer(app);

    app.get('/',function(req, res) {
            page = path.join(__dirname,'html','gopro_demo.html');
            file = fs.readFileSync(page); 
            res.writeHead(200, {'Content-Type': 'text/HTML'});

        res.end(file);  
    });

    app.get('/up', function (req, res) {
        if(x<180-angolo+1) {
            x=x+angolo;
            board.servoWrite(servoV.pin,x);
            }       
    });

    app.get('/down', function (req, res) {
        if(x>angolo) {
            x=x-angolo;
            board.servoWrite(servoV.pin, x);
            }
    });

    app.get('/left', function (req, res) {
        if(y<180-angolo+1) {
            y=y+angolo;
            board.servoWrite(servoH.pin, y);
        }
    });

    app.get('/right', function (req, res) {
        if(y>angolo) {
            y=y-angolo;
            board.servoWrite(servoH.pin, y);  
        }
    });

    app.listen(1337);

//PanTilt    
    board.pinMode(servoH.pin, board.MODES.SERVO);
    board.pinMode(servoV.pin, board.MODES.SERVO);

    html.read(htmlH.ctrl,htmlH.param,function(data){
        board.servoWrite(servoH.pin,data.value);
    });

    html.read(htmlV.ctrl,htmlV.param,function(data){
        board.servoWrite(servoV.pin,data.value);
    }); 

// GoPro    

    //Video
    html.read(video_btn,'value',function(data){
        switch(data.value)
		{
			case 0:
				cam.switch2Camera().then(function(){cam.videoWVGA60(); cam.startCapture()});
				break;
			case 1:
				cam.switch2Camera().then(function(){cam.videoWVGA120(); cam.startCapture()});
				break;
			case 2:
				cam.switch2Camera().then(function(){cam.video720p30(); cam.startCapture()});
				break;
			case 3:
				cam.switch2Camera().then(function(){cam.video720p60(); cam.startCapture()});
				break;
			case 4:
				cam.switch2Camera().then(function(){cam.video960p30(); cam.startCapture()});
				break;
			case 5:
				cam.switch2Camera().then(function(){cam.video960p60(); cam.startCapture()});
				break;
			case 6:
				cam.switch2Camera().then(function(){cam.video1080p30(); cam.startCapture()});
				break;
			case "X":
				cam.stopCapture();
				break;
		}
    });

    //Photo
    html.read(photo_btn,'value',function(data){
		switch(data.value)
			{
				case 0:
					cam.switch2Photo().then(function(){cam.photo11w(); cam.startCapture()});
					break;
				case 1:
					cam.switch2Photo().then(function(){cam.photo8m(); cam.startCapture()});
					break;
				case 2:
					cam.switch2Photo().then(function(){cam.photo5w(); cam.startCapture()});
					break;
				case 3:
					cam.switch2Photo().then(function(){cam.photo5m(); cam.startCapture()});
					break;

			}


    });

    //Localization
    html.read(loc_btn,'value',function(data){
        if(data.value == 'Y')
            cam.localisationON();

        else
            cam.localisationOFF();
    });



});

<html>

<head>

    <style>

        .text{

            width: 150px; 

            height: 65px;

            border: 1px solid gray;

            border-radius: 5;

            font-family: courier;

            font-size:   1.1em; 

            text-align: center;

            vertical-align: center;

        }

    </style>

	<script src="http://linino.local:2424/js/ideino-linino-lib/socket.io.js"></script>

	<script src="http://linino.local:2424/js/ideino-linino-lib/ideino-linino-lib-client.js"></script>

	<script>

		window.onload = connect('linino.local');



        //PanTilt

        function move(ctrl){

            writeData(ctrl.id, 'value', ctrl.value);

        }


        //GoPro

		function video(button)

		{

			if(button.value == "Record a Video")

			{

				var index = document.getElementById("video_resolutions").selectedIndex;

				writeData('videoButton','value', index);

				button.value = "Stop Recording";

			}

			else

			{

				writeData('videoButton','value', "X");

				button.value = "Record a Video";

			}

		}


		function photo()

		{

			var index = document.getElementById("photo_resolutions").selectedIndex;

            writeData('photoButton','value', index);

		}


        function localize(btn)

        {

        if(btn.value == "Localize"){

                btn.value = 'Stop';

                writeData('locationButton','value','Y');

            }else{

                btn.value = 'Localize';

                writeData('locationButton','value','X'); 

            }

        }



	</script>

</head>

<body>

    <!--         PanTilt              -->

    <p>

        <span class="text">

            Horizontal

            <input type="range" id="sliderH" name="sliderH" min="10" max="180" onmouseup="move(this);">

        </span>

    </p>

    <p>

        <span class="text">

            Vertical

            <input type="range" id="sliderV" name="sliderV" min="50" max="180" onmouseup="move(this);">

        </span>

    </p>


    <!--         GoPro              -->

	<input type="button" id="videoButton" onclick="video(this)" value="Record a Video"></input>

	<select id="video_resolutions">

	   <option> WVGA - 60fps

	   <option> WVGA - 120fps

	   <option> 720p - 30fps

	   <option> 720p - 60fps

	   <option> 960p - 30fps

	   <option> 960p - 60fps

	   <option> 1080p - 30fps

	</select>

	



	<input type="button" id="photoButton" onclick="photo(this)" value="Take a Photo"></input>

	<select id="photo_resolutions">

	   <option> 11 MP - Wide

	   <option> 8 MP - Medium

	   <option> 5 MP - Wide

	   <option> 5 MP - Medium

	</select>

    



    <input type="button" id="locationButton" onclick="localize(this)" value="Localize"></input>



</body>

</html>

Credits

Giando

15 projects • 16 followers

GoPro installed on a robotic arm managed with Linino

Things used in this project

Hardware components

Story

Code

Code

Code

Code

code.txt

code.txt

code.txt

Github

Credits

Giando

Comments

Embed the widget on your own site

GoPro installed on a robotic arm managed with Linino

GoPro installed on a robotic arm managed with Linino

Things used in this project

Hardware components

Story

Code

Code

Code

Code

code.txt

code.txt

code.txt

Github

Credits

Giando

Comments

Related channels and tags