- Added 'Go to' feature which allows opening a stream using its name

- Added jquery.js to the project (I hope it will fix the no-content problem on some TV models) - If Return button is pressed when browsing particular game streams you will be sent back to the games list - Various fixes - Updated README.md
nikitakatchik · Jan 24, 2014 · 6068169 · 6068169 · monkeyphysics · Jan 25, 2014
1 parent 777a67a
commit 6068169
Show file tree

Hide file tree

Showing 6 changed files with 10,588 additions and 48 deletions.
diff --git a/README.md b/README.md
@@ -1,24 +1,19 @@
 smarttv-twitch
 ==============
-This is a simple app to watch Twitch.tv streams on Samsung Smart TV's. It has a very simple UI but works fine for me.
-Only tested on Samsung UE40F6400 so no guarantees.
-
-Stream lists filtered by game incoming.
+This is an app for Samsung SmartTV's designed to watch twitch.tv broadcasts.
 
 Installation
 ==============
-To install the app you need to install any http server and put TwitchTV_X.XX_America_XXXXXXXX.zip and widgetlist.xml to a directory which is configured as its root.
-
-For example you can follow http://www.ricocheting.com/how-to-install-on-windows/apache manual and then put the files into DocumentRoot as it's called in the manual. You can check if you configured server correctly by typing http://127.0.0.1/widgetlist.xml in your browser - if everything is OK browser should start downloading this file from your local machine or just display its contents.
-
-Now that server is running correctly make sure your TV and your computer are in the same local network and remember your computer LOCAL IP.
+On your TV, go to Menu->Smart Features->Samsung Account and type name "develop". 
 
-IMPORTANT: You need to edit widgetlist.xml. Change this string <download>http://192.168.1.150/TwitchTV_X.XX_America_XXXXXXXX.zip</download>
-so your computer IP replaces '192.168.1.150'
+Then go to SmartHUB, click "More Apps" button, then click "Options" button and choose "IP Setting", enter '50.17.189.245' and finally choose "Start App Sync" option. TwitchTV app has to be installed now.
 
-Now, on your TV, go to Menu->Smart Features->Samsung Account and type name "develop". 
+For models released before 2013 you might want to use these instructions instead:
+From the SmartHUB main screen, click the "Tools" button on the remote. Only from the "Tools" menu, navigate to "Settings", and from there to "Development". (You still have to be logged in as 'develop')
 
-Then go to SmartHUB, click "More Apps" button, then click "Options" button and choose "IP Setting", enter your computer IP and then choose "Start App Sync" option. TwitchTV app has to be installed now.
+Contribution
+==============
+If you made a fix for your TV please feel free to make a push request.
 
-For models released before 2013 you might want to use these instructions instead:
-From the SmartHUB main screen, click the "Tools" button on the remote. Only from the "Tools" menu, navigate to "Settings", and from there to "Development". (You need to be logged in as 'develop')
+As now I run a server to simplify the installation process any donations are very welcome.
+Paypal: samsung.smarttv.twitch@gmail.com
diff --git a/app/htmls/SceneBrowser.html b/app/htmls/SceneBrowser.html
@@ -1,6 +1,7 @@
 <html>
 
-  <style type="text/css">
+  <head>
+  	<style type="text/css">
       body
       {
         background-color: #6441A5;
@@ -86,10 +87,76 @@
         font-size: 200%;
         text-shadow: 0px 0px 4px #000000;
       }
+
+      div.openchannel
+      {
+        width: 70%;
+        margin-top: 15%;
+        margin-left: 15%;
+      }
+
+      input.channelname
+      {
+        width: 100%;
+        height: 10%;
+        border-radius: 14px;
+        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.45);
+        color: black;
+        font-size: 430%;
+        text-align: center;
+        vertical-align: middle;
+        background-color: rgba(255, 255, 255, 0.8);
+      }
+
+      input.channelname_focused
+      {
+        width: 100%;
+        height: 8%;
+        border-radius: 14px;
+        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.45);
+        color: black;
+        font-size: 430%;
+        text-align: center;
+        vertical-align: middle;
+        background-color: rgba(255, 255, 255, 1.0);
+      }
+
+      div.button_go
+      {
+        width: 15%;
+        height: 11%;
+        margin-top: 2%;
+        margin-left: 42.5%;
+        padding-top: 0.5%;
+        border-radius: 12px;
+        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);
+        color: black;
+        font-size: 470%;
+        text-align: center;
+        vertical-align: middle;
+        background-color: rgba(255, 255, 255, 0.45);
+      }
+
+      div.button_go_focused
+      {
+        width: 15%;
+        height: 11%;
+        margin-top: 2%;
+        margin-left: 42.5%;
+        padding-top: 0.5%;
+        border-radius: 12px;
+        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);
+        color: black;
+        font-size: 470%;
+        text-align: center;
+        vertical-align: middle;
+        background-color: rgba(255, 255, 255, 1.0);
+      }
     </style>
   </head>
 
   <body>
+
     <img style="width: 8%; padding-left: 2%; padding-top: 1.0%; padding-bottom: 1.0%;" src="images/twitchlogo.png"/>
 
     <div style="float: right; padding-top: 2.0%;">
@@ -106,6 +173,12 @@
     <table id="stream_table" style="width: 100%; margin-top: 1%; border: 0; table-layout: fixed;">
 
     </table>
+
+    <div id="streamname_frame" class="openchannel">
+      <input id="streamname_input" class="channelname" type="text" placeholder="Enter channel name.."/>
+      <div id="streamname_button" class="button_go">Go</div>
+    </div>
+
   </body>
 
 </html>