Fernbedienung mit dem WebFront

Hallo,

es hatte hier jemand mal eine Fernbedienung für TV mit dem WebFront erstellt, kann es leider nicht mehr finden, habe jetzt gefühlt das ganze Forum durchsucht. Kann evtl. hier jemand helfen?

Vielen Dank

Samsung Fernseher fernbedienen

Falls das nicht das Gewünschte ist, findet sich zum Stichwort Samsung auch noch mehr.

Grüße
galleto

Danke,

die meinte ich nicht, es gab eine, die sah intuitiver aus, hier sind ja nur die tasten nebeneinander angeordnet. Die ich meine sah fast wie eine richtige Fernbedienung aus. Finde es nur nicht …

VG
Oliver

Wahrscheinlich war das eine Webseite in einer HTMLBox. Wie soll das denn genau aussehen und für was war das für einen Sat Receiver einen TV und was soll da genau angezeigt werden?

Es war einfach nur eine Fernbedienung für einen TV.

Ich habe mir vor über einem Jahr IR Trans zugelegt und dann keine Zeit mehr gehabt mich damit zu beschäftigen, dachte das finde ich schon wieder hier im Forum :slight_smile: … tjoa Pustekuchen :wink:

Also es geht hier nicht um IR Trans, das funktioniert… ging mir nur um eine hübsche Fernbedienung, da hatte sich halt schon wer die Mühe gemacht.

Hi. Frag doch mal ganz nett bei nallchan nach,der ist grad an nen neuen Modul dran und hat da ne recht ansehnliche Bedienung drin…

Ansehnlich ist gut. Ich habe mal in OpenOffice was hingeklatscht und das als SVG exportiert.
Ist nicht wirklich toll von Design dass war noch nie meine Stärke, aber es funktioniert.
Ich kann das ja mal vereinfacht nachher hier Posten.
Alternativ hat glaube ich die IPSLib was bei IPSEntertain onBoard.
Michael

Ich hatte mal was in IPSView gemacht, vielleicht meist du das ?
xbmc Modul

Ich hatte das total vergessen, als ich letztens wieder an meinem Modul gearbeitet habe, viel mir der Thread wieder ein. :smiley:

Zusammengecklickt mir OpenOffice und dann mit Notepad++ etwas angepasst.
Das ECMA-Script senden die ID eines angeklickten Buttons an einen Webhook. Kann man natürlich anpassen.
War eher ein proof of concept, steckt nicht wirklich viel ‚Schönheit‘ in der Fernbedienung.
Und ich habe noch immer nicht getestet ob die IPS-App das mitmacht :wink:

Das XML einfach in eine String-Variable ablegen und als Profil ~HTMLBox auswählen.


<?xml version="1.0" encoding="UTF-8"?>

<svg version="1.2" baseProfile="tiny" width="80mm" height="148mm" viewBox="0 0 8000 14800" preserveAspectRatio="xMidYMid" fill-rule="evenodd" stroke-width="28.222" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
 <script type="application/ecmascript"> <![CDATA[
	function xhrGet(url)
	{
	var HTTP = new XMLHttpRequest();
	HTTP.open("GET","hook/Remote?button=" + url,true);
	HTTP.send();
	}

    function send_click(evt) {
	
      var item = evt.target.parentNode;
	  while (item.hasAttribute("id") == false)
	  {
		item = item.parentNode;
	  }
	var button = item;
	
	button.setAttribute("fill-opacity", "0.4");
	setTimeout(function(){
		button.setAttribute("fill-opacity", "1");
		}, 100);
	xhrGet(button.getAttribute("id"));
    }
  ]]> </script>
  <defs>
  <font id="EmbeddedFont_1" horiz-adv-x="2048">
   <font-face font-family="Arial embedded" units-per-em="2048" font-weight="bold" font-style="normal" ascent="1879" descent="476"/>
   <missing-glyph horiz-adv-x="2048" d="M 0,0 L 2047,0 2047,2047 0,2047 0,0 Z"/>
   <glyph unicode="Ü" horiz-adv-x="1165" d="M 147,1466 L 443,1466 443,672 C 443,546 447,464 454,427 467,367 497,319 545,283 592,246 657,228 740,228 824,228 887,245 930,280 973,314 998,356 1007,406 1016,456 1020,539 1020,655 L 1020,1466 1316,1466 1316,696 C 1316,520 1308,396 1292,323 1276,250 1247,189 1204,139 1161,89 1103,49 1031,20 959,-10 865,-25 749,-25 609,-25 503,-9 431,24 358,56 301,98 259,150 217,201 189,255 176,312 157,396 147,520 147,684 L 147,1466 Z M 399,1550 L 399,1791 640,1791 640,1550 399,1550 Z M 829,1550 L 829,1791 1071,1791 1071,1550 829,1550 Z"/>
   <glyph unicode="^" horiz-adv-x="953" d="M 115,692 L 491,1491 714,1491 1080,692 796,692 598,1181 401,692 115,692 Z"/>
   <glyph unicode="V" horiz-adv-x="1324" d="M 523,0 L -1,1466 320,1466 691,381 1050,1466 1364,1466 839,0 523,0 Z"/>
   <glyph unicode="T" horiz-adv-x="1165" d="M 479,0 L 479,1218 44,1218 44,1466 1209,1466 1209,1218 775,1218 775,0 479,0 Z"/>
   <glyph unicode="P" horiz-adv-x="1113" d="M 149,0 L 149,1466 624,1466 C 804,1466 921,1459 976,1444 1060,1422 1130,1374 1187,1301 1244,1227 1272,1132 1272,1015 1272,925 1256,849 1223,788 1190,727 1149,679 1099,644 1048,609 997,585 945,574 874,560 772,553 638,553 L 445,553 445,0 149,0 Z M 445,1218 L 445,802 607,802 C 724,802 802,810 841,825 880,840 911,864 934,897 956,930 967,968 967,1011 967,1064 951,1108 920,1143 889,1178 849,1199 801,1208 766,1215 695,1218 588,1218 L 445,1218 Z"/>
   <glyph unicode="O" horiz-adv-x="1404" d="M 89,724 C 89,873 111,999 156,1100 189,1175 235,1242 293,1301 350,1360 413,1404 482,1433 573,1472 679,1491 798,1491 1014,1491 1187,1424 1317,1290 1446,1156 1511,970 1511,731 1511,494 1447,309 1318,176 1189,42 1017,-25 802,-25 584,-25 411,42 282,175 153,308 89,491 89,724 Z M 394,734 C 394,568 432,442 509,357 586,271 683,228 801,228 919,228 1016,271 1092,356 1167,441 1205,568 1205,738 1205,906 1168,1031 1095,1114 1021,1197 923,1238 801,1238 679,1238 581,1196 506,1113 431,1029 394,903 394,734 Z"/>
   <glyph unicode="N" horiz-adv-x="1165" d="M 152,0 L 152,1466 440,1466 1040,487 1040,1466 1315,1466 1315,0 1018,0 427,956 427,0 152,0 Z"/>
   <glyph unicode="M" horiz-adv-x="1430" d="M 145,0 L 145,1466 588,1466 854,466 1117,1466 1561,1466 1561,0 1286,0 1286,1154 995,0 710,0 420,1154 420,0 145,0 Z"/>
   <glyph unicode="K" horiz-adv-x="1324" d="M 153,0 L 153,1466 449,1466 449,815 1047,1466 1445,1466 893,895 1475,0 1092,0 689,688 449,443 449,0 153,0 Z"/>
   <glyph unicode="E" horiz-adv-x="1113" d="M 149,0 L 149,1466 1236,1466 1236,1218 445,1218 445,893 1181,893 1181,646 445,646 445,247 1264,247 1264,0 149,0 Z"/>
   <glyph unicode=">" horiz-adv-x="1007" d="M 95,166 L 95,449 797,725 95,998 95,1279 1101,844 1101,604 95,166 Z"/>
   <glyph unicode="<" horiz-adv-x="1007" d="M 1100,167 L 95,604 95,846 1100,1281 1100,996 399,728 1100,450 1100,167 Z"/>
   <glyph unicode="9" horiz-adv-x="980" d="M 93,339 L 365,369 C 372,314 389,273 417,246 445,219 482,206 528,206 586,206 635,233 676,286 717,339 743,450 754,618 683,536 595,495 489,495 374,495 274,540 191,629 107,718 65,833 65,976 65,1125 109,1245 198,1336 286,1427 398,1472 535,1472 684,1472 806,1415 901,1300 996,1185 1044,995 1044,732 1044,464 994,271 895,152 796,33 666,-26 507,-26 392,-26 300,5 229,66 158,127 113,218 93,339 Z M 729,953 C 729,1044 708,1114 667,1164 625,1214 577,1239 522,1239 470,1239 427,1219 393,1178 358,1137 341,1069 341,976 341,881 360,812 397,768 434,723 481,701 537,701 591,701 637,722 674,765 711,808 729,870 729,953 Z"/>
   <glyph unicode="8" horiz-adv-x="954" d="M 328,791 C 255,822 203,864 170,918 137,971 120,1030 120,1094 120,1203 158,1294 235,1365 311,1436 419,1472 560,1472 699,1472 808,1436 885,1365 962,1294 1000,1203 1000,1094 1000,1026 982,966 947,913 912,860 862,819 798,791 879,758 941,711 984,648 1026,585 1047,513 1047,431 1047,296 1004,186 918,101 831,16 716,-26 573,-26 440,-26 329,9 240,79 135,162 83,275 83,419 83,498 103,571 142,638 181,704 243,755 328,791 Z M 386,1074 C 386,1018 402,974 434,943 465,912 507,896 560,896 613,896 656,912 688,944 720,975 736,1019 736,1075 736,1128 720,1170 689,1202 657,1233 615,1249 563,1249 509,1249 466,1233 434,1201 402,1169 386,1127 386,1074 Z M 360,446 C 360,369 380,308 420,265 459,222 509,200 568,200 626,200 674,221 712,263 750,304 769,364 769,443 769,512 750,567 711,609 672,650 623,671 564,671 495,671 444,647 411,600 377,553 360,501 360,446 Z"/>
   <glyph unicode="7" horiz-adv-x="954" d="M 87,1185 L 87,1446 1048,1446 1048,1242 C 969,1164 888,1052 806,906 724,760 662,605 619,441 576,276 554,129 555,0 L 284,0 C 289,203 331,409 410,620 489,831 594,1019 726,1185 L 87,1185 Z"/>
   <glyph unicode="6" horiz-adv-x="980" d="M 1039,1107 L 767,1077 C 760,1133 743,1174 715,1201 687,1228 651,1241 606,1241 547,1241 497,1214 456,1161 415,1108 389,997 378,828 448,911 535,952 639,952 756,952 857,907 941,818 1024,729 1066,613 1066,472 1066,322 1022,202 934,111 846,20 733,-25 595,-25 447,-25 325,33 230,148 135,263 87,451 87,713 87,982 137,1175 236,1294 335,1413 464,1472 623,1472 734,1472 827,1441 900,1379 973,1316 1019,1226 1039,1107 Z M 402,494 C 402,403 423,332 465,283 507,233 555,208 609,208 661,208 704,228 739,269 774,310 791,376 791,469 791,564 772,634 735,679 698,723 651,745 595,745 541,745 495,724 458,682 421,639 402,577 402,494 Z"/>
   <glyph unicode="5" horiz-adv-x="980" d="M 91,377 L 371,406 C 379,343 403,293 442,256 481,219 527,200 578,200 637,200 686,224 727,272 768,319 788,391 788,487 788,577 768,645 728,690 687,735 635,757 570,757 489,757 417,721 353,650 L 125,683 269,1446 1012,1446 1012,1183 482,1183 438,934 C 501,965 565,981 630,981 755,981 860,936 947,845 1034,754 1077,637 1077,492 1077,371 1042,264 972,169 877,40 744,-25 575,-25 440,-25 329,11 244,84 159,157 108,254 91,377 Z"/>
   <glyph unicode="4" horiz-adv-x="1060" d="M 638,0 L 638,295 38,295 38,541 674,1472 910,1472 910,542 1092,542 1092,295 910,295 910,0 638,0 Z M 638,542 L 638,1043 301,542 638,542 Z"/>
   <glyph unicode="3" horiz-adv-x="980" d="M 77,389 L 349,422 C 358,353 381,300 419,263 457,226 503,208 557,208 615,208 664,230 704,274 743,318 763,377 763,452 763,523 744,579 706,620 668,661 622,682 567,682 531,682 488,675 438,661 L 469,890 C 545,888 603,905 643,940 683,975 703,1021 703,1079 703,1128 688,1168 659,1197 630,1226 591,1241 542,1241 494,1241 453,1224 419,1191 385,1158 364,1109 357,1045 L 98,1089 C 116,1178 143,1249 180,1302 216,1355 267,1396 332,1427 397,1457 469,1472 550,1472 688,1472 799,1428 882,1340 951,1268 985,1187 985,1096 985,967 915,865 774,788 858,770 925,730 976,667 1026,604 1051,529 1051,440 1051,311 1004,202 910,111 816,20 699,-25 559,-25 426,-25 316,13 229,90 142,166 91,266 77,389 Z"/>
   <glyph unicode="2" horiz-adv-x="953" d="M 1036,261 L 1036,0 51,0 C 62,99 94,192 147,281 200,369 306,486 463,632 590,750 667,830 696,872 735,930 754,987 754,1044 754,1107 737,1155 704,1189 670,1222 623,1239 564,1239 505,1239 459,1221 424,1186 389,1151 369,1092 364,1010 L 84,1038 C 101,1193 153,1304 241,1371 329,1438 439,1472 571,1472 716,1472 829,1433 912,1355 995,1277 1036,1180 1036,1064 1036,998 1024,935 1001,876 977,816 939,753 888,688 854,645 793,582 704,501 615,420 559,366 536,339 512,312 493,286 478,261 L 1036,261 Z"/>
   <glyph unicode="1" horiz-adv-x="636" d="M 806,0 L 525,0 525,1059 C 422,963 301,892 162,846 L 162,1101 C 235,1125 315,1171 401,1238 487,1305 546,1383 578,1472 L 806,1472 806,0 Z"/>
   <glyph unicode="0" horiz-adv-x="954" d="M 562,1472 C 704,1472 815,1421 895,1320 990,1200 1038,1001 1038,723 1038,446 990,246 894,125 815,25 704,-25 562,-25 419,-25 304,30 217,140 130,249 86,445 86,726 86,1002 134,1201 230,1322 309,1422 420,1472 562,1472 Z M 562,1239 C 528,1239 498,1228 471,1207 444,1185 424,1146 409,1090 390,1017 380,895 380,723 380,551 389,433 406,369 423,304 445,261 472,240 498,219 528,208 562,208 596,208 626,219 653,241 680,262 700,301 715,357 734,429 744,551 744,723 744,895 735,1013 718,1078 701,1142 679,1185 653,1207 626,1228 596,1239 562,1239 Z"/>
   <glyph unicode="-" horiz-adv-x="556" d="M 115,391 L 115,672 667,672 667,391 115,391 Z"/>
   <glyph unicode="+" horiz-adv-x="1007" d="M 469,211 L 469,592 85,592 85,855 469,855 469,1236 725,1236 725,855 1110,855 1110,592 725,592 725,211 469,211 Z"/>
  </font>
 </defs>
 <g visibility="visible" >
  <g id="red" onclick="send_click(evt)">
   <path fill="rgb(255,51,51)" stroke="none" d="M 1176,13430 C 1112,13430 1048,13494 1048,13558 L 1048,14072 C 1048,14136 1112,14201 1176,14201 L 2203,14201 C 2267,14201 2332,14136 2332,14072 L 2332,13558 C 2332,13494 2267,13430 2203,13430 L 1176,13430 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 1176,13430 C 1112,13430 1048,13494 1048,13558 L 1048,14072 C 1048,14136 1112,14201 1176,14201 L 2203,14201 C 2267,14201 2332,14136 2332,14072 L 2332,13558 C 2332,13494 2267,13430 2203,13430 L 1176,13430 Z"/>
   <rect fill="none" stroke="none" x="1049" y="13430" width="1284" height="771"/>
  </g>
  <g id="green" onclick="send_click(evt)">
   <path fill="rgb(0,174,0)" stroke="none" d="M 2716,13430 C 2652,13430 2588,13494 2588,13558 L 2588,14072 C 2588,14136 2652,14201 2716,14201 L 3743,14201 C 3807,14201 3872,14136 3872,14072 L 3872,13558 C 3872,13494 3807,13430 3743,13430 L 2716,13430 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2716,13430 C 2652,13430 2588,13494 2588,13558 L 2588,14072 C 2588,14136 2652,14201 2716,14201 L 3743,14201 C 3807,14201 3872,14136 3872,14072 L 3872,13558 C 3872,13494 3807,13430 3743,13430 L 2716,13430 Z"/>
   <rect fill="none" stroke="none" x="2589" y="13430" width="1284" height="771"/>
  </g>
  <g id="blue" onclick="send_click(evt)">
   <path fill="rgb(0,71,255)" stroke="none" d="M 4255,13430 C 4191,13430 4127,13494 4127,13558 L 4127,14072 C 4127,14136 4191,14201 4255,14201 L 5282,14201 C 5346,14201 5411,14136 5411,14072 L 5411,13558 C 5411,13494 5346,13430 5282,13430 L 4255,13430 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 4255,13430 C 4191,13430 4127,13494 4127,13558 L 4127,14072 C 4127,14136 4191,14201 4255,14201 L 5282,14201 C 5346,14201 5411,14136 5411,14072 L 5411,13558 C 5411,13494 5346,13430 5282,13430 L 4255,13430 Z"/>
   <rect fill="none" stroke="none" x="4128" y="13430" width="1284" height="771"/>
  </g>
  <g id="yellow" onclick="send_click(evt)">
   <path fill="rgb(230,230,76)" stroke="none" d="M 5795,13430 C 5731,13430 5667,13494 5667,13558 L 5667,14072 C 5667,14136 5731,14201 5795,14201 L 6822,14201 C 6886,14201 6951,14136 6951,14072 L 6951,13558 C 6951,13494 6886,13430 6822,13430 L 5795,13430 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 5795,13430 C 5731,13430 5667,13494 5667,13558 L 5667,14072 C 5667,14136 5731,14201 5795,14201 L 6822,14201 C 6886,14201 6951,14136 6951,14072 L 6951,13558 C 6951,13494 6886,13430 6822,13430 L 5795,13430 Z"/>
   <rect fill="none" stroke="none" x="5668" y="13430" width="1284" height="771"/>
  </g>
  <g id="close" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 2536,600 C 2827,600 3050,822 3050,1113 3050,1404 2827,1626 2536,1626 2245,1626 2023,1404 2023,1113 2023,822 2245,600 2536,600 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2536,600 C 2827,600 3050,822 3050,1113 3050,1404 2827,1626 2536,1626 2245,1626 2023,1404 2023,1113 2023,822 2245,600 2536,600 Z"/>
   <rect fill="none" stroke="none" x="2024" y="600" width="1028" height="1027"/>
   <g fill="rgb(255,51,51)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="2318" y="1310">O</text>
   </g>
  </g>
  <g id="eject" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 5411,600 C 5702,600 5924,822 5924,1113 5924,1404 5702,1626 5411,1626 5120,1626 4898,1404 4898,1113 4898,822 5120,600 5411,600 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 5411,600 C 5702,600 5924,822 5924,1113 5924,1404 5702,1626 5411,1626 5120,1626 4898,1404 4898,1113 4898,822 5120,600 5411,600 Z"/>
   <rect fill="none" stroke="none" x="4898" y="600" width="1027" height="1027"/>
   <g fill="rgb(255,51,51)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="5246" y="1310">^</text>
   </g>
  </g>
  <g id="playpvrtv" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 3632,650 C 3546,650 3461,735 3461,821 L 3461,1506 C 3461,1592 3546,1678 3632,1678 L 4316,1678 C 4402,1678 4488,1592 4488,1506 L 4488,821 C 4488,735 4402,650 4316,650 L 3632,650 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 3632,650 C 3546,650 3461,735 3461,821 L 3461,1506 C 3461,1592 3546,1678 3632,1678 L 4316,1678 C 4402,1678 4488,1592 4488,1506 L 4488,821 C 4488,735 4402,650 4316,650 L 3632,650 Z"/>
   <rect fill="none" stroke="none" x="3461" y="651" width="1027" height="1028"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="3614" y="1361">
     <tspan x="3614 3957">TV</tspan></text>
   </g>
  </g>
  <g id="number1" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 2194,1933 C 2108,1933 2023,2018 2023,2104 L 2023,2789 C 2023,2875 2108,2961 2194,2961 L 2879,2961 C 2965,2961 3051,2875 3051,2789 L 3051,2104 C 3051,2018 2965,1933 2879,1933 L 2194,1933 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2194,1933 C 2108,1933 2023,2018 2023,2104 L 2023,2789 C 2023,2875 2108,2961 2194,2961 L 2879,2961 C 2965,2961 3051,2875 3051,2789 L 3051,2104 C 3051,2018 2965,1933 2879,1933 L 2194,1933 Z"/>
   <rect fill="none" stroke="none" x="2024" y="1934" width="1028" height="1028"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="2380" y="2644">1</text>
   </g>
  </g>
  <g id="number2" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 3632,1933 C 3546,1933 3461,2018 3461,2104 L 3461,2789 C 3461,2875 3546,2961 3632,2961 L 4316,2961 C 4402,2961 4488,2875 4488,2789 L 4488,2104 C 4488,2018 4402,1933 4316,1933 L 3632,1933 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 3632,1933 C 3546,1933 3461,2018 3461,2104 L 3461,2789 C 3461,2875 3546,2961 3632,2961 L 4316,2961 C 4402,2961 4488,2875 4488,2789 L 4488,2104 C 4488,2018 4402,1933 4316,1933 L 3632,1933 Z"/>
   <rect fill="none" stroke="none" x="3461" y="1934" width="1027" height="1028"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="3818" y="2644">2</text>
   </g>
  </g>
  <g id="number3" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 5069,1933 C 4983,1933 4898,2018 4898,2104 L 4898,2789 C 4898,2875 4983,2961 5069,2961 L 5753,2961 C 5839,2961 5925,2875 5925,2789 L 5925,2104 C 5925,2018 5839,1933 5753,1933 L 5069,1933 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 5069,1933 C 4983,1933 4898,2018 4898,2104 L 4898,2789 C 4898,2875 4983,2961 5069,2961 L 5753,2961 C 5839,2961 5925,2875 5925,2789 L 5925,2104 C 5925,2018 5839,1933 5753,1933 L 5069,1933 Z"/>
   <rect fill="none" stroke="none" x="4898" y="1934" width="1027" height="1028"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="5255" y="2644">3</text>
   </g>
  </g>
  <g id="number4" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 2194,3370 C 2108,3370 2023,3455 2023,3541 L 2023,4226 C 2023,4312 2108,4398 2194,4398 L 2879,4398 C 2965,4398 3051,4312 3051,4226 L 3051,3541 C 3051,3455 2965,3370 2879,3370 L 2194,3370 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2194,3370 C 2108,3370 2023,3455 2023,3541 L 2023,4226 C 2023,4312 2108,4398 2194,4398 L 2879,4398 C 2965,4398 3051,4312 3051,4226 L 3051,3541 C 3051,3455 2965,3370 2879,3370 L 2194,3370 Z"/>
   <rect fill="none" stroke="none" x="2024" y="3371" width="1028" height="1028"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="2380" y="4081">4</text>
   </g>
  </g>
  <g id="number5" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 3632,3370 C 3546,3370 3461,3455 3461,3541 L 3461,4226 C 3461,4312 3546,4398 3632,4398 L 4316,4398 C 4402,4398 4488,4312 4488,4226 L 4488,3541 C 4488,3455 4402,3370 4316,3370 L 3632,3370 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 3632,3370 C 3546,3370 3461,3455 3461,3541 L 3461,4226 C 3461,4312 3546,4398 3632,4398 L 4316,4398 C 4402,4398 4488,4312 4488,4226 L 4488,3541 C 4488,3455 4402,3370 4316,3370 L 3632,3370 Z"/>
   <rect fill="none" stroke="none" x="3461" y="3371" width="1027" height="1028"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="3818" y="4081">5</text>
   </g>
  </g>
  <g id="number6" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 5069,3370 C 4983,3370 4898,3455 4898,3541 L 4898,4226 C 4898,4312 4983,4398 5069,4398 L 5753,4398 C 5839,4398 5925,4312 5925,4226 L 5925,3541 C 5925,3455 5839,3370 5753,3370 L 5069,3370 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 5069,3370 C 4983,3370 4898,3455 4898,3541 L 4898,4226 C 4898,4312 4983,4398 5069,4398 L 5753,4398 C 5839,4398 5925,4312 5925,4226 L 5925,3541 C 5925,3455 5839,3370 5753,3370 L 5069,3370 Z"/>
   <rect fill="none" stroke="none" x="4898" y="3371" width="1027" height="1028"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="5255" y="4081">6</text>
   </g>
  </g>
  <g id="number7" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 2194,4807 C 2108,4807 2023,4892 2023,4978 L 2023,5663 C 2023,5749 2108,5835 2194,5835 L 2879,5835 C 2965,5835 3051,5749 3051,5663 L 3051,4978 C 3051,4892 2965,4807 2879,4807 L 2194,4807 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2194,4807 C 2108,4807 2023,4892 2023,4978 L 2023,5663 C 2023,5749 2108,5835 2194,5835 L 2879,5835 C 2965,5835 3051,5749 3051,5663 L 3051,4978 C 3051,4892 2965,4807 2879,4807 L 2194,4807 Z"/>
   <rect fill="none" stroke="none" x="2024" y="4808" width="1028" height="1028"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="2380" y="5518">7</text>
   </g>
  </g>
  <g id="number8" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 3632,4807 C 3546,4807 3461,4892 3461,4978 L 3461,5663 C 3461,5749 3546,5835 3632,5835 L 4316,5835 C 4402,5835 4488,5749 4488,5663 L 4488,4978 C 4488,4892 4402,4807 4316,4807 L 3632,4807 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 3632,4807 C 3546,4807 3461,4892 3461,4978 L 3461,5663 C 3461,5749 3546,5835 3632,5835 L 4316,5835 C 4402,5835 4488,5749 4488,5663 L 4488,4978 C 4488,4892 4402,4807 4316,4807 L 3632,4807 Z"/>
   <rect fill="none" stroke="none" x="3461" y="4808" width="1027" height="1028"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="3818" y="5518">8</text>
   </g>
  </g>
  <g id="number9" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 5069,4807 C 4983,4807 4898,4892 4898,4978 L 4898,5663 C 4898,5749 4983,5835 5069,5835 L 5753,5835 C 5839,5835 5925,5749 5925,5663 L 5925,4978 C 5925,4892 5839,4807 5753,4807 L 5069,4807 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 5069,4807 C 4983,4807 4898,4892 4898,4978 L 4898,5663 C 4898,5749 4983,5835 5069,5835 L 5753,5835 C 5839,5835 5925,5749 5925,5663 L 5925,4978 C 5925,4892 5839,4807 5753,4807 L 5069,4807 Z"/>
   <rect fill="none" stroke="none" x="4898" y="4808" width="1027" height="1028"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="5255" y="5518">9</text>
   </g>
  </g>
  <g id="channelup" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 2194,6091 C 2108,6091 2023,6176 2023,6262 L 2023,7460 C 2023,7546 2108,7632 2194,7632 L 2879,7632 C 2965,7632 3051,7546 3051,7460 L 3051,6262 C 3051,6176 2965,6091 2879,6091 L 2194,6091 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2194,6091 C 2108,6091 2023,6176 2023,6262 L 2023,7460 C 2023,7546 2108,7632 2194,7632 L 2879,7632 C 2965,7632 3051,7546 3051,7460 L 3051,6262 C 3051,6176 2965,6091 2879,6091 L 2194,6091 Z"/>
   <rect fill="none" stroke="none" x="2024" y="6091" width="1028" height="1541"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="2183" y="7058">
     <tspan x="2183 2560">P+</tspan></text>
   </g>
  </g>
  <g id="channeldown" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 2194,7631 C 2108,7631 2023,7716 2023,7802 L 2023,9000 C 2023,9086 2108,9172 2194,9172 L 2879,9172 C 2965,9172 3051,9086 3051,9000 L 3051,7802 C 3051,7716 2965,7631 2879,7631 L 2194,7631 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2194,7631 C 2108,7631 2023,7716 2023,7802 L 2023,9000 C 2023,9086 2108,9172 2194,9172 L 2879,9172 C 2965,9172 3051,9086 3051,9000 L 3051,7802 C 3051,7716 2965,7631 2879,7631 L 2194,7631 Z"/>
   <rect fill="none" stroke="none" x="2024" y="7631" width="1028" height="1541"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="2255" y="8598">
     <tspan x="2255 2632">P-</tspan></text>
   </g>
  </g>
  <g id="volumeup" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 5069,6091 C 4983,6091 4898,6176 4898,6262 L 4898,7460 C 4898,7546 4983,7632 5069,7632 L 5753,7632 C 5839,7632 5925,7546 5925,7460 L 5925,6262 C 5925,6176 5839,6091 5753,6091 L 5069,6091 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 5069,6091 C 4983,6091 4898,6176 4898,6262 L 4898,7460 C 4898,7546 4983,7632 5069,7632 L 5753,7632 C 5839,7632 5925,7546 5925,7460 L 5925,6262 C 5925,6176 5839,6091 5753,6091 L 5069,6091 Z"/>
   <rect fill="none" stroke="none" x="4898" y="6091" width="1027" height="1541"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="5057" y="7058">
     <tspan x="5057 5434">V+</tspan></text>
   </g>
  </g>
  <g id="volumedown" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 5069,7631 C 4983,7631 4898,7716 4898,7802 L 4898,9000 C 4898,9086 4983,9172 5069,9172 L 5753,9172 C 5839,9172 5925,9086 5925,9000 L 5925,7802 C 5925,7716 5839,7631 5753,7631 L 5069,7631 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 5069,7631 C 4983,7631 4898,7716 4898,7802 L 4898,9000 C 4898,9086 4983,9172 5069,9172 L 5753,9172 C 5839,9172 5925,9086 5925,9000 L 5925,7802 C 5925,7716 5839,7631 5753,7631 L 5069,7631 Z"/>
   <rect fill="none" stroke="none" x="4898" y="7631" width="1027" height="1541"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="5144" y="8598">
     <tspan x="5144 5491">V-</tspan></text>
   </g>
  </g>
  <g id="number0" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 3632,6348 C 3546,6348 3461,6433 3461,6519 L 3461,7203 C 3461,7289 3546,7375 3632,7375 L 4316,7375 C 4402,7375 4488,7289 4488,7203 L 4488,6519 C 4488,6433 4402,6348 4316,6348 L 3632,6348 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 3632,6348 C 3546,6348 3461,6433 3461,6519 L 3461,7203 C 3461,7289 3546,7375 3632,7375 L 4316,7375 C 4402,7375 4488,7289 4488,7203 L 4488,6519 C 4488,6433 4402,6348 4316,6348 L 3632,6348 Z"/>
   <rect fill="none" stroke="none" x="3461" y="6348" width="1027" height="1027"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="3818" y="7058">0</text>
   </g>
  </g>
  <g id="up" onclick="send_click(evt)">
   <g>
    <path fill="rgb(0,174,0)" stroke="none" d="M 3564,8940 C 3564,9004 3628,9068 3692,9068 L 4206,9068 C 4270,9068 4335,9004 4335,8940 L 4335,7913 C 4335,7849 4270,7784 4206,7784 L 3692,7784 C 3628,7784 3564,7849 3564,7913 L 3564,8940 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 3564,8940 C 3564,9004 3628,9068 3692,9068 L 4206,9068 C 4270,9068 4335,9004 4335,8940 L 4335,7913 C 4335,7849 4270,7784 4206,7784 L 3692,7784 C 3628,7784 3564,7849 3564,7913 L 3564,8940 Z"/>
    <rect fill="none" stroke="none" x="3563" y="7784" width="772" height="1285"/>
   </g>
   <g>
    <path fill="rgb(153,204,255)" stroke="none" d="M 3819,8940 L 3819,8169 3691,8169 3948,7912 4205,8169 4076,8169 4076,8940 3819,8940 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 3819,8940 L 3819,8169 3691,8169 3948,7912 4205,8169 4076,8169 4076,8940 3819,8940 Z"/>
    <rect fill="none" stroke="none" x="3691" y="7912" width="515" height="1029"/>
   </g>
  </g>
  <g id="left" onclick="send_click(evt)">
   <g>
    <path fill="rgb(0,174,0)" stroke="none" d="M 2974,10351 C 3038,10351 3102,10287 3102,10223 L 3102,9709 C 3102,9645 3038,9580 2974,9580 L 1947,9580 C 1883,9580 1818,9645 1818,9709 L 1818,10223 C 1818,10287 1883,10351 1947,10351 L 2974,10351 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2974,10351 C 3038,10351 3102,10287 3102,10223 L 3102,9709 C 3102,9645 3038,9580 2974,9580 L 1947,9580 C 1883,9580 1818,9645 1818,9709 L 1818,10223 C 1818,10287 1883,10351 1947,10351 L 2974,10351 Z"/>
    <rect fill="none" stroke="none" x="1818" y="9581" width="1285" height="772"/>
   </g>
   <g>
    <path fill="rgb(153,204,255)" stroke="none" d="M 2974,10095 L 2203,10095 2203,10223 1946,9966 2203,9708 2203,9837 2974,9837 2974,10095 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2974,10095 L 2203,10095 2203,10223 1946,9966 2203,9708 2203,9837 2974,9837 2974,10095 Z"/>
    <rect fill="none" stroke="none" x="1946" y="9709" width="1029" height="516"/>
   </g>
  </g>
  <g id="right" onclick="send_click(evt)">
   <g>
    <path fill="rgb(0,174,0)" stroke="none" d="M 4974,9581 C 4910,9581 4846,9645 4846,9709 L 4846,10223 C 4846,10287 4910,10352 4974,10352 L 6001,10352 C 6065,10352 6130,10287 6130,10223 L 6130,9709 C 6130,9645 6065,9581 6001,9581 L 4974,9581 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 4974,9581 C 4910,9581 4846,9645 4846,9709 L 4846,10223 C 4846,10287 4910,10352 4974,10352 L 6001,10352 C 6065,10352 6130,10287 6130,10223 L 6130,9709 C 6130,9645 6065,9581 6001,9581 L 4974,9581 Z"/>
    <rect fill="none" stroke="none" x="4847" y="9581" width="1284" height="771"/>
   </g>
   <g>
    <path fill="rgb(153,204,255)" stroke="none" d="M 4975,9837 L 5745,9837 5745,9709 6002,9966 5745,10224 5745,10095 4975,10095 4975,9837 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 4975,9837 L 5745,9837 5745,9709 6002,9966 5745,10224 5745,10095 4975,10095 4975,9837 Z"/>
    <rect fill="none" stroke="none" x="4975" y="9709" width="1027" height="515"/>
   </g>
  </g>
  <g id="down" onclick="send_click(evt)">
   <g>
    <path fill="rgb(0,174,0)" stroke="none" d="M 4334,10940 C 4334,10876 4270,10812 4206,10812 L 3692,10812 C 3628,10812 3563,10876 3563,10940 L 3563,11967 C 3563,12031 3628,12096 3692,12096 L 4206,12096 C 4270,12096 4334,12031 4334,11967 L 4334,10940 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 4334,10940 C 4334,10876 4270,10812 4206,10812 L 3692,10812 C 3628,10812 3563,10876 3563,10940 L 3563,11967 C 3563,12031 3628,12096 3692,12096 L 4206,12096 C 4270,12096 4334,12031 4334,11967 L 4334,10940 Z"/>
    <rect fill="none" stroke="none" x="3564" y="10813" width="772" height="1285"/>
   </g>
   <g>
    <path fill="rgb(153,204,255)" stroke="none" d="M 4077,10940 L 4077,11711 4205,11711 3948,11968 3691,11711 3820,11711 3820,10940 4077,10940 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 4077,10940 L 4077,11711 4205,11711 3948,11968 3691,11711 3820,11711 3820,10940 4077,10940 Z"/>
    <rect fill="none" stroke="none" x="3692" y="10941" width="515" height="1029"/>
   </g>
  </g>
  <g id="select" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 3974,10454 L 3987,10454 C 4263,10454 4487,10230 4487,9954 L 4487,9927 C 4487,9651 4263,9427 3987,9427 L 3961,9427 C 3685,9427 3461,9651 3461,9927 L 3461,9954 C 3461,10230 3685,10454 3961,10454 L 3974,10454 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 3974,10454 L 3987,10454 C 4263,10454 4487,10230 4487,9954 L 4487,9927 C 4487,9651 4263,9427 3987,9427 L 3961,9427 C 3685,9427 3461,9651 3461,9927 L 3461,9954 C 3461,10230 3685,10454 3961,10454 L 3974,10454 Z"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="3553" y="10138">
     <tspan x="3553 3989">OK</tspan></text>
   </g>
  </g>
  <g id="back" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 2538,11737 L 2551,11737 C 2827,11737 3051,11513 3051,11237 L 3051,11210 C 3051,10934 2827,10710 2551,10710 L 2524,10710 C 2248,10710 2024,10934 2024,11210 L 2024,11237 C 2024,11513 2248,11737 2524,11737 L 2538,11737 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2538,11737 L 2551,11737 C 2827,11737 3051,11513 3051,11237 L 3051,11210 C 3051,10934 2827,10710 2551,10710 L 2524,10710 C 2248,10710 2024,10934 2024,11210 L 2024,11237 C 2024,11513 2248,11737 2524,11737 L 2538,11737 Z"/>
   <g>
    <path fill="rgb(0,174,0)" stroke="none" d="M 2479,11114 L 2479,11215 2633,11215 2633,10966 2794,10966 2794,11375 2479,11375 2479,11480 2280,11295 2479,11114 2479,11114 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2479,11114 L 2479,11215 2633,11215 2633,10966 2794,10966 2794,11375 2479,11375 2479,11480 2280,11295 2479,11114 2479,11114 Z"/>
    <rect fill="none" stroke="none" x="2281" y="10967" width="514" height="514"/>
   </g>
  </g>
  <g id="contextmenu" onclick="send_click(evt)">
   <path fill="rgb(153,204,255)" stroke="none" d="M 5411,11737 L 5424,11737 C 5700,11737 5924,11513 5924,11237 L 5924,11210 C 5924,10934 5700,10710 5424,10710 L 5398,10710 C 5122,10710 4898,10934 4898,11210 L 4898,11237 C 4898,11513 5122,11737 5398,11737 L 5411,11737 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 5411,11737 L 5424,11737 C 5700,11737 5924,11513 5924,11237 L 5924,11210 C 5924,10934 5700,10710 5424,10710 L 5398,10710 C 5122,10710 4898,10934 4898,11210 L 4898,11237 C 4898,11513 5122,11737 5398,11737 L 5411,11737 Z"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="282" font-style="normal" font-weight="900">
    <text x="4992" y="11321">
     <tspan x="4992 5233 5424 5627">MENÜ</tspan></text>
   </g>
  </g>
  <g id="rewind" onclick="send_click(evt)">
   <path fill="rgb(0,174,0)" stroke="none" d="M 1176,12455 C 1112,12455 1048,12519 1048,12583 L 1048,13097 C 1048,13161 1112,13226 1176,13226 L 2203,13226 C 2267,13226 2332,13161 2332,13097 L 2332,12583 C 2332,12519 2267,12455 2203,12455 L 1176,12455 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 1176,12455 C 1112,12455 1048,12519 1048,12583 L 1048,13097 C 1048,13161 1112,13226 1176,13226 L 2203,13226 C 2267,13226 2332,13161 2332,13097 L 2332,12583 C 2332,12519 2267,12455 2203,12455 L 1176,12455 Z"/>
   <rect fill="none" stroke="none" x="1049" y="12455" width="1284" height="771"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="1360" y="13037">
     <tspan x="1360 1690"><<</tspan></text>
   </g>
  </g>
  <g id="pause" onclick="send_click(evt)">
   <path fill="rgb(0,174,0)" stroke="none" d="M 2716,12455 C 2652,12455 2588,12519 2588,12583 L 2588,13097 C 2588,13161 2652,13226 2716,13226 L 3743,13226 C 3807,13226 3872,13161 3872,13097 L 3872,12583 C 3872,12519 3807,12455 3743,12455 L 2716,12455 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 2716,12455 C 2652,12455 2588,12519 2588,12583 L 2588,13097 C 2588,13161 2652,13226 2716,13226 L 3743,13226 C 3807,13226 3872,13161 3872,13097 L 3872,12583 C 3872,12519 3807,12455 3743,12455 L 2716,12455 Z"/>
   <rect fill="none" stroke="none" x="2589" y="12455" width="1284" height="771"/>
   <g>
    <path fill="rgb(153,204,255)" stroke="none" d="M 3025,13122 L 2897,13122 2897,12609 3153,12609 3153,13122 3025,13122 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 3025,13122 L 2897,13122 2897,12609 3153,12609 3153,13122 3025,13122 Z"/>
   </g>
   <g>
    <path fill="rgb(153,204,255)" stroke="none" d="M 3384,13122 L 3256,13122 3256,12609 3512,12609 3512,13122 3384,13122 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 3384,13122 L 3256,13122 3256,12609 3512,12609 3512,13122 3384,13122 Z"/>
   </g>
  </g>
  <g id="play" onclick="send_click(evt)">
   <path fill="rgb(0,174,0)" stroke="none" d="M 4255,12455 C 4191,12455 4127,12519 4127,12583 L 4127,13097 C 4127,13161 4191,13226 4255,13226 L 5282,13226 C 5346,13226 5411,13161 5411,13097 L 5411,12583 C 5411,12519 5346,12455 5282,12455 L 4255,12455 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 4255,12455 C 4191,12455 4127,12519 4127,12583 L 4127,13097 C 4127,13161 4191,13226 4255,13226 L 5282,13226 C 5346,13226 5411,13161 5411,13097 L 5411,12583 C 5411,12519 5346,12455 5282,12455 L 4255,12455 Z"/>
   <rect fill="none" stroke="none" x="4128" y="12455" width="1284" height="771"/>
   <g>
    <path fill="rgb(153,204,255)" stroke="none" d="M 5052,12814 L 4538,13071 4538,12557 5052,12814 Z"/>
    <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 5052,12814 L 4538,13071 4538,12557 5052,12814 Z"/>
    <rect fill="none" stroke="none" x="4539" y="12558" width="515" height="515"/>
   </g>
  </g>
  <g id="fastforward" onclick="send_click(evt)">
   <path fill="rgb(0,174,0)" stroke="none" d="M 5795,12455 C 5731,12455 5667,12519 5667,12583 L 5667,13097 C 5667,13161 5731,13226 5795,13226 L 6822,13226 C 6886,13226 6951,13161 6951,13097 L 6951,12583 C 6951,12519 6886,12455 6822,12455 L 5795,12455 Z"/>
   <path fill="none" stroke="rgb(0,0,0)" stroke-width="35" stroke-linejoin="round" d="M 5795,12455 C 5731,12455 5667,12519 5667,12583 L 5667,13097 C 5667,13161 5731,13226 5795,13226 L 6822,13226 C 6886,13226 6951,13161 6951,13097 L 6951,12583 C 6951,12519 6886,12455 6822,12455 L 5795,12455 Z"/>
   <rect fill="none" stroke="none" x="5668" y="12455" width="1284" height="771"/>
   <g fill="rgb(0,0,0)" stroke="none" font-family="Arial embedded" font-size="564" font-style="normal" font-weight="900">
    <text x="5979" y="13037">
     <tspan x="5979 6309">>></tspan></text>
   </g>
  </g>
 </g>
</svg>

Michael