mirror of
https://github.com/pvvx/RTL00_WEB.git
synced 2024-12-29 09:05:18 +00:00
39 lines
975 B
HTML
39 lines
975 B
HTML
|
<html>
|
||
|
<head>
|
||
|
<script src="https://cdn.firebase.com/js/client/2.1.1/firebase.js"></script>
|
||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
<h1>Realtek Google Nest API example</h1>
|
||
|
<hr />
|
||
|
|
||
|
|
||
|
<h3 style="text-align:center;margin-left:auto;margin-right:auto;">Data To Device</h3>
|
||
|
|
||
|
<h4>Input the value of RGB to change the state of light:</h4>
|
||
|
<p>Red <input type="text" id="redInput" placeholder="Red" />
|
||
|
Green <input type="text" id="greenInput" placeholder="Green" />
|
||
|
Blue <input type="text" id="blueInput" placeholder="Blue" />
|
||
|
<input type="button" value="submit" name="submit" onClick="submit()" />
|
||
|
</p>
|
||
|
|
||
|
<script>
|
||
|
var myDataRef = new Firebase('https://your_firebase_address.firebaseio.com/light');
|
||
|
function submit()
|
||
|
{
|
||
|
var red = $('#redInput').val();
|
||
|
var green = $('#greenInput').val();
|
||
|
var blue = $('#blueInput').val();
|
||
|
myDataRef.set({
|
||
|
Red: red,
|
||
|
Green: green,
|
||
|
Blue: blue
|
||
|
});
|
||
|
};
|
||
|
|
||
|
</script>
|
||
|
|
||
|
</body>
|
||
|
</html>
|