Insta-Hack
Games, Resource

Insta-Hack

Insta-Hack was a fun game we played during our weekend services.  Check out Josh’s blog over at morethandodgeball.com for more on the game rules.  I’m here to help you out with the tech side of the game!

The big challenge is getting the iPhone on the screen.  We considered using an AppleTV, but it’s not compatible with our system.  So, we used an app on the Mac called, AirServer to display our iPhones on a MacBook Pro.  The MacBook Pro was mirrored on our system with a VGA cable.  AirServer can also install on a PC, but henceforth, I will be assuming you have a Mac because I have never used it on a PC.

Screen Shot 2013-01-18 at 3.21.23 PMWe set AirServer to run in full screen.  When the iPhone is in portrait mode, it leaves the desktop showing on both sides.  So, we created a quick desktop picture that fits around it perfectly:

InstaHackBackground

 

AirServer is really easy to use.  Basically, you install it on your Mac and it will create a little icon in the top menu bar next to your clock.  Click it and choose Preferences. From there, you give your computer a name and password.  Click the Rebroadcast button and you’re good to go on that end!

Now, bust out your iPhone 4S (or iPad 3) or later and unlock it so you can see your homescreen.  Double click the Home Button at the bottom of the phone.  Swipe to the right twice and you’ll see a little AirPlay icon.  Tap that and you’ll see your computer name on the list.  Select your name and type in the password you created.  Make sure you turn mirroring ON.

Presto!  Your phone is now displayed on your MacBook Pro!

Here’s a nice little iPhone wallpaper as well:

instahackIPhone


9 Responses

  1. ::danKing:;
    February 1, 2013

    Parker …. thanks for the information! We used it last week and it went off really well. Two additional comments to make might be 1.) use an iphone and not an ipad, and 2.) have a team of at least three running the activity, with one person as host/mc, one person prepping the iphone (I’d have two ready to use so the next person can be getting usernames and passwords prepped while the current contestant is playing), and a third controlling the media feeds. Just my 2 cents! Peace.

    Reply
  2. Brandon Early
    March 13, 2013

    Any Chance you want to post the InstaHack video bumper?

    Reply
    • parkerstech
      March 18, 2013

      Hey Brandon! It’s up on DYM right now! It comes with the HD bumper, question video slides, and a spinner that can land on 9 different hacks. Here’s the link:
      http://downloadyouthministry.com/shop/instahack-youth-group-game/

      Reply
      • Brandon Early
        April 17, 2013

        Any chance you would update/correct Question 5 from the Question Pack? Dentist is spelled incorrectly, since it’s a video I cannot correct it.

        Great game! Thanks.

        Reply
  3. Mic
    April 16, 2013

    I don’t understand how this is supposed to work. We installed AirServer and set it up as you said, and we can find the Airplay icon on our iPhone 4S with no problem, but when we select our computer, nothing happens — the iPhone doesn’t ask for the password, there’s no mirroring option offered, nothing. If we run the Instagram app on the iPhone, nothing happens on the iMac. (BTW, we’re running OS X 10.5.8, and yes, we installed the “classic” version of AirServer.) We *are* able to send youtube videos from the iPhone to the iMac, and still photos as well. So what’s the trick? (My grandmother has no idea.) And how do we get it up on the “big screens” through ProPresenter? This whole “Insta-hack” thing is useless if we can’t display it on the big screens for the whole group to see!

    Reply
    • parkerstech
      April 17, 2013

      Hey Mic!

      Let me see if I can help you out! Two things came to my mind when reading your issue. These may be dumb questions, but 1) Are you sure you’re using an iPhone 4S and not an iPhone 4? The iPhone 4 is able to AirPlay videos from youtube using AirServer and doesn’t have a mirroring option. 2) Did you enter a password in the preferences for AirServer? If you leave the password blank, it will just let your phone connect. Again, if you’re using the iPhone 4, it wont do mirroring.

      Another thing you can do is make sure AirServer is up to date. After I read your questions, I tested it out and had a few problems myself! The phone would just crash when I switched mirroring on. After I updated AirServer, everything worked just fine.

      I really hope that helps. If I’m wrong about the two fixes, let me know and we can go from there.

      As for getting it on the big screen: When you have ProPresenter running, it takes over the output (meaning your screen displays the ProPresenter app, but your projector displays the slide/video you’re on). However, when you hide ProPresenter, your projector will show whatever is on your computer. So, keep the AirServer window (displaying the iPhone screen) open behind ProPresenter. When you’re ready to switch to the iPhone, hide (Command + H) ProPresenter. ProPresenter will release control of the output and show your computer (aka AirServer window). When you’re ready to go back to ProPresenter, just tap (Command + TAB) and ProPresenter will take over again.

      Again, I really hope that helps. If you have more questions, please let me know!

      Reply
  4. Mitch
    August 13, 2013

    Can airserver be installed on an iMac? Or does it need to be on a Macbook Pro?

    Reply
    • parkerstech
      August 13, 2013

      Hey Mitch!
      Yes, AirServer can be installed on an iMac. It will also work on PC (non-Mac) laptops and desktops :)

      Reply

Leave a Reply