Amazon Instant Prime on Apple TV 2

I have tried a lot of different streaming services in the last couple of years. Of course iTunes, WatchEver, Maxdome and some more. Th problem always was, that most of the services relay to a certain kind of hardware. Mostly proprietary hardware.

I really like my Apple TV 2. Of course a higher resolution would be nice, but right now 720p is okay for me. With my Apple TV I can switch from iTunes to WatchEver to Netflix, back and forth.

Recently I terminated my WatchEver account. I was too expensive for my too occasional TV evenings. But since I am a heavy Amazon Shopper with a Prime account, I tried. Nice! A lot of movies and TV series are included. There is more stuff included than I have time to watch. But: I did not work with my apple TV :-(.

For the first days I was watching Amazon video like that:

1) Turn on the TV
2) Turn on the Apple TV
3) Download the Amazon Instant Prime App on my iPhone.
4) Selecting the movie I’d like to watch on my iPhone.
5) Starting the video on the iPhone and using AirPlay to mirror my iPhone screen to the Apple TV.

That solution worked, but meant that my iPhone is blocked while watching the video. And I had to use a power supply for the iPhone while watching the video. But the biggest problem was that I had to put the iPhone next to my WiFi router, otherwise the streaming quality was too bad.

So, I was still looking for a solution to directly stream Amazon video from the Apple TV, without having to buy a new TV or additional hardware.

After weeks of searching in the internet, I found a solution: I found out, that somebody wrote a plugin for KODI (formerly known as XMBC), that is able to stream Amazon videos. It is still in an early development stage, but people tested it and wrote that it worked on Windows and Linux environment. So I was very curious to see if it works on a Apple TV as well.

To install KODI/XBMC on a Apple TV, you have to Jailbreak it. I recommend the following tutorial:

http://kodi.wiki/view/HOW-TO:Install_Kodi_on_Apple_TV_2

The second thing you need to do is, you have to install the KODI plugin for Amazon Instant Prime. A good german turtorial can be found here. Use Google Translate in order to follow that tutorial in your language:

http://www.tutonaut.de/anleitung-amazon-prime-instant-video-kodi-xbmc-einrichten.html

After following the two tutorials, your have the freedom to switch form iTunes to WatchEver to Netflix to Amazon Instant Prime on your Apple TV 2. Enjoy!

jQuery/Html Fullscreen & Page In/Out Example

This is the combination of these two posts: FullScreen and Fade In/Out.

Check out the download:
jQuery/HTML Fullscreen & Fade in/out example (93 downloads)

jQuery Example how to fade in / out a page

jQuery gives you a very easy api to fade in and out a page. This examples consists out of two html files. Download and unzip the files, open one of the files in your browser. First the pages fades in, after a couple of seconds it fades out before a redirection to the other files will be executed.

 

jQuery Page Fade In & Out (97 downloads)

 

<!DOCTYPE html>
<html>
<head>
    <!--
    Author: iamklaus
    Mail: klaus@iamklaus.org
    Description: A simple example which fades a page in and out.
    -->
 
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
    <script type="text/javascript">
 
        function fadeOut() {
            $("#page").fadeOut(2000);
            setTimeout('nextPage()', 2000);
        }
 
        function nextPage() {
            window.location = "fade1.html";
        }
 
        window.onload=function() {
            setTimeout('fadeOut()', 5000);
        }
 
        $(document).ready(function() {
            $('body').fadeIn(2000);
        });
 
    </script>
</head>
<body id="page" style="display:none;">
 
    <div style="position: absolute; top: 50%; left: 50%; width: 800px; height: 400px; margin-left: -400px; margin-top: -200px; font-size: 50pt;">
        <b>This is page 2.</b>
        <br><br>
        After 5 seconds, fadeout starts, 2 seconds later, redirection starts.
    </div>
 
</body>
</html>

HTML5 / CSS fullscreen demo

This is a demo to show the possibilities for fullscreen applications in HTML5 / CSS. I’ve published this example, because none of the online examples covered exactly my needs.

HTML5 fullscreen demo (113 downloads)

 
<!DOCTYPE html> 
<html>
<head>
    <!--
    Author: iamklaus
    Mail: klaus@iamklaus.org
    Description: A simple example to show the fullscreen possibilites in HTML5 / CSS.
    -->
 
    <style type="text/css">
 
        :-moz-full-screen .hidefullscreen { visibility: hidden; }
	:-webkit-full-screen .hidefullscreen { visibility: hidden; }
	:-ms-fullscreen .hidefullscreen { visibility: hidden; }
	:-fullscreen .hidefullscreen { visibility: hidden; }
 
        :-moz-full-screen .showfullscreen { visibility: visible; }
	:-webkit-full-screen .showfullscreen { visibility: visible; }
	:-ms-fullscreen .showfullscreen { visibility: visible; }
	:-fullscreen .showfullscreen { visibility: visible; }
 
	.showfullscreen { visibility: hidden; }
 
    </style>
 
    <script>
        function activateFullscreen(element) {
 
            console.log(document.fullScreenEnabled);
            console.log(document.fullScreenEnabled);
 
            if (element.requestFullScreen) {
              element.requestFullScreen();
            } else if(element.mozRequestFullScreen) {
                element.mozRequestFullScreen();
            } else if(element.webkitRequestFullScreen) {
                element.webkitRequestFullScreen();
            }
        }
 
        function exitFullscreen() {
            console.log(document.fullScreenEnabled);
            console.log(document.fullScreenEnabled);
 
            if (document.cancelFullScreen) {
                document.cancelFullScreen();
            } else if(document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            } else if(document.webkitCancelFullScreen) {
                document.webkitCancelFullScreen();
            }
        }
 
 
        // Events
        document.addEventListener("fullscreenchange", function(e) { console.log("fullscreenchange event! ", e); });
        document.addEventListener("mozfullscreenchange", function(e) { console.log("mozfullscreenchange event! ", e); });
        document.addEventListener("webkitfullscreenchange", function(e) { console.log("webkitfullscreenchange event! ", e); });
 
    </script>
</head>
<body>
 
	<div>
	    <button class="hidefullscreen" style="position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin-left: -100px; margin-top: -100px; background-color: green;" type="button" onclick="activateFullscreen(document.documentElement);">
		Show Fullscreen
            </button>
	    <button class="showfullscreen" style="position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin-left: -100px; margin-top: -100px; background-color: red;" type="button" onclick="exitFullscreen();">
		Exit Fullscreen
            </button>
	</div>
</body>
</html>

Blender Instance – new Version 1.12

Blender Instance enables you to open as much as blender applications on OSX as you like. Install Blender in /Applications like always, download Blender Instance and install it. That’s it!

Version 1.12:
– Updated the Icon, the old icon was too small.

Download Blender Instance:
Blender Instances for OSX (401 downloads)

blender_instance

Nice GIMP Theme!

Flat GIMP Theme by Andrew Pullins

Found a nice GIMP theme, which fits fine to my Graphite to my Hackintosh. Check it out: http://www.deviantart.com/art/Flat-GIMP-icon-Theme-375010811

Thanks to Andrew Pullins!

Realistic looking Earth (v 2.0)

This is an update of my previous post. Details I’ve worked on:

– Sun: Added a lens effect
– Stars: Instead using the internal blender feature is was using a HDRI image.

You can download the .blend from Blendswap:
http://www.blendswap.com/blends/view/68731

 

Blender: Multi-Instances on Mac OSX (Update)

Based on my recent post I would like to provide Blender Instance as Download. Just install into your applications folder. Don’t forget to install Blender from blender.org as well (needs to be installed into /Applications).

Download the Application:
Blender Instances for OSX (401 downloads)

Blender: Multi-Instances on Mac OSX

Coming from LInux or Windows, it is hard to understand why it is not possible having multiple Blender instances running. For a certain period of time I was using a shell script, to start multiple instances of Blender. The best way is using the “open” command. Open a terminal. You can do this by browsing your apps folder or type “terminal” into Spotlight. Inside the Terminal type:

Mac OS - Terminal

Repeat this step once again and you will have two Blender Instances running. Hooray! Since we don’t want to use the terminal every time, we will use the Automator to add this to the dock.

The easiest way to start the Automator App is to type “automator” into Spotlight. The following window should appear:

Screen Shot 2013-01-01 at 11.59.24

Inside the dialog, click “Application”. Then search for “Run Shell Script”. See below.

Screen Shot 2013-01-01 at 12.00.10

Inside the textarea, add the command we’ve previously used:

open -n /Applications/blender.app

Click on “Run”, in order to see if it works. A Blender Instance should appear.

Screen Shot 2013-01-02 at 13.12.56

Now save ( File -> Save ). Create a folder named “Applications” inside your home folder and save the Application. Open Finder and drag the Application to your Dock. Now you can start as much as Blender Instances as you like.

To give it a nice icon, go to the folder “/Applications”. Select “blender.app” and press “CMD-i”. Click on the upper icon and press “CMD-c”. Now go back to your home directory and open the Applications folder, we’ve created. Select “Blender Instance” and press “CMD-i”. Click the upper icon and press “CMD-p”.

Screen Shot 2013-01-02 at 13.24.04

Finished!