I found these very interesting YUN examples for simple interaction but unfortunately I can't get it to work.
Uploading is OK, I see the files on the SD card, I can access the website but no reaction on the Yun (led on pin 3 does not turn on with the ledPin sketch loaded in the Yun.)
Any help to troubleshoot would be nice, I have little YUN experience.
this is the sketch
/*
Control a LED (or any analog output) connected to any
PWM pin, using an html control panel with a
drop-down to select the pin and a slider for the
value (<input type="range" may not work
in non-webkit browsers (firefox)).
The html page is located into the "www" folder of this
sketch. Open the sketch folder from the top menu:
Sketch->Show Sketch Folder
You can then go to http://arduino.local/sd/ledPin
to see the output of this sketch, where "arduino" is your
board name.
08/2013 - Matteo Loglio (matlo.me)
*/
#include <Bridge.h>
#include <YunServer.h>
#include <YunClient.h>
// Listen on default port 5555, the webserver on the Yun
// will forward there all the HTTP requests for us.
YunServer server;
String startString;
void setup() {
Bridge.begin();
server.listenOnLocalhost();
server.begin();
}
void loop() {
// Get clients coming from server
YunClient client = server.accept();
// There is a new client?
if(client) {
//readStringUntil() "consumes" the string.
//this means that if command was led/20, now
//it's just 20.
String command = client.readStringUntil('/');
if (command == "led") {
//also parseInt "consumes" the string
int pin = client.parseInt();
int value = client.parseInt();
analogWrite(pin, value);
}
client.stop();
}
}
and this is the html code
<!DOCTYPE HTML>
<head>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<title>Arduino Yun • Led Slider</title>
<script type="text/javascript" src="zepto.min.js"></script>
<script type="text/javascript">
var value;
var pin;
function sendVal() {
//bind the slider value to the URL
$.get('/arduino/led/' + pin + '/' + value, function(){
}
);
}
function updateVal(val) {
value = val;
//get pin from <select>
pin = $('#pin').val();
//send value
sendVal();
//print the value in the #val div
$("#val").text(value);
}
</script>
<style type="text/css">
body {
text-align: center;
margin: 100px 0;
}
input[type="range"]{
outline: none;
-webkit-appearance:none;
-moz-apperance:none;
width:80%;
height: 10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
background-color: #CCC;
}
input::-webkit-slider-thumb{
-webkit-appearance:none;
-moz-apperance:none;
width:30px;
height:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
border-radius:30px;
background: #00B0B3;
}
h1 {
font-family: sans-serif;
color: #00B0B3;
margin: 50px;
}
#val {
font-size: 3em;
font-family: sans-serif;
color: #00B0B3;
}
</style>
</head>
<body>
<h1>Connect a LED to the selected pin</h1>
<select id="pin">
<option value="3">3</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="13">13</option>
</select>
<input type="range" min="0" max="255" onchange="updateVal(this.value);">
<p id="val">0</p>
</body>
Sorry if this is too obvious, but did you make sure it's wired properly and the LED isn't in backwards? As a simple hardware check, load the Blink example sketch, just change the pin number to pin 3.
Also, did you try other pins? If you use pin 13, you should be able to control the on-board L13 LED without needing external hardware.
Does anything happen if you use a browser and enter the URL http://arduino.local/arduino/led/3/200 directly? you should be able to use different values for 200 to get different intensities between 0 and 255.
If the Blink sketch works, and accessing the URL directly doesn't, then my next step would be to enable the serial port and print out some debug messages. Inside the if(client) print a message that you got there. Print out the command value to see if it says "led". Print out the received pin number and value.
Thanks for the suggestions but indeed rather obvious.
I've also tested with L13 which is the on board LED (that works fine with the blink sketch) but no reaction to web requests so far.
I've put some comments (not visible in the code listed above) but no answer there, it looks like the Arduino never receives a client request.
I now see that there seems to be a "http 403" error, each time I adjust the slider the error counter is increased by 1 (now on 7 in the screen dump).
luxxtek:
I found these very interesting YUN examples for simple interaction but unfortunately I can't get it to work.
Uploading is OK, I see the files on the SD card, I can access the website but no reaction on the Yun (led on pin 3 does not turn on with the ledPin sketch loaded in the Yun.)
Any help to troubleshoot would be nice, I have little YUN experience.
::::SNIP::::
@luxxtek,
There are 14 examples in that repository. Which one did you use as a base? ledSliderInput?
If so, your jquery is incorrect. here is your answer:
luxxtek:
I now see that there seems to be a "http 403" error
403 is a "Forbidden" response. You are not authorized to view that page. You either need to modify the request so that it gives a username and password with the request, or even easier: log into the configuration web pages of your Yun, click the "Configure" button at the top, and near the bottom of that first summary page is a section titled "REST API ACCESS" with a pair of radio buttons. Yours probably has the "WITH PASSWORD" option selected. Change it to "OPEN"
The change takes effect immediately when you click one of the radio buttons. With OPEN selected, it will probably work.
@ ShapeShifter
I changed to "OPEN" and it worked (but only after rebooting the YUN and reloading the page, probably a browser cache related problem)
Thanks for solving this !!!
@ Jesse
Can you direct me to "better shaped examples", I'm in the learning phase and would like to start with good examples, it's quite difficult for a beginner to know if examples are "good".
I'm quite happy with the mat-lo/yun-examples if they work, which I will now try to find out.
@ Jesse
Can you direct me to "better shaped examples", I'm in the learning phase and would like to start with good examples, it's quite difficult for a beginner to know if examples are "good".
I'm quite happy with the mat-lo/yun-examples if they work, which I will now try to find out.
@luxxtek,
Happy to point you to some. I have reviewed all the articles. I used a simple Google search of "arduino led projects". If you'd like some other types, please let me know. I will search and maybe I can convince one of the "God Members" to review the search. I am software mostly. I know hardware, but just enough to be dangerous.