add youtube stream

This commit is contained in:
Silver Kuusik 2017-10-16 00:41:00 +02:00
parent 41a599ad5e
commit 1c56bf56ec
3 changed files with 14 additions and 0 deletions

View File

@ -14,6 +14,9 @@
<script src="sumorobot.js"></script> <script src="sumorobot.js"></script>
</head> </head>
<body> <body>
<div id="stream">
<iframe id="youtube" width="100%" height="100%" src="https://www.youtube.com/embed/A6ygjaTbNRM?autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>
<div id="panel"> <div id="panel">
<object type="image/svg+xml" data="logo.svg"> <object type="image/svg+xml" data="logo.svg">
RoboKoding logo RoboKoding logo

View File

@ -79,6 +79,15 @@ input.has-error {
text-align: center; text-align: center;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);
} }
#stream {
z-index: 35;
width: 100%;
height: 100%;
display: none;
position: absolute;
text-align: center;
background-color: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
td#blocklyArea { td#blocklyArea {
width: 99%; width: 99%;

View File

@ -339,6 +339,8 @@ window.onload = function() {
updateControlPanel(); updateControlPanel();
$("#panel").toggle(); $("#panel").toggle();
break; break;
case 76: // l
$("#stream").toggle();
case 82: // r case 82: // r
$("#remote-control").click(); $("#remote-control").click();
break; break;