Manvel Saroyan Blog

Pinner is an application for google hangouts that was created for barcamp Yerevan 2013 that allows to load external images and pin it to different places on the face.
Zoom/Manage and share the pinned image:

Load Pinner for Google Hangout

Interface

Interface of the application is divided into three sections:

Main section
Pinned items
Shared items

Main section

Paste external image url into "image url" text field and choose section from pin selectbox to asign the loaded image, here are the sections on the face that you can pin the image:

Left eye center
Left eyebrow left
Left eyebrow right
Lower lip
Mouth center
mouth left
Mouth right
Nose root
Nose tip
Right eye center
Right eyebrow left
Right eyebrow right
Upper lip

After the image is loaded and pined to user's video stream user can see the loaded image in main section and also it will added into pinned items gallery section so he can manage them afterward. User can zoom in or out the pinned image by slider in the main section, also can change the pinned item location using the selectbox in the image management section. In case user can delete the item and also share with the party, so the users could find the image in the "Shared items" section and pin to their video stream.

Pinned and Shared items

Pinned items section shows the current pinned items, user can choose corresponding item from that section and manage that item in Main section.

Shared items section shows the images that were shared by participants of the hangout, you can pin that image to your video by clicking on the corresponding item from Shared items section

Add Pinner button to your page

Here is the code for Pinner application button:

<a href="https://plus.google.com/hangouts/_?gid=619013042864" style="text-decoration:none;">
  <img src="https://ssl.gstatic.com/s2/oz/images/stars/hangout/1/gplus-hangout-20x86-normal.png"
    alt="Start a Hangout"
    style="border:0;width:86px;height:20px;"/>
</a>

From experience

If you would like to find a nice image that will fit you and you will have a nice hangout party with your friends here is a simple and nice steps to do that:

Navigate to Google Images
search for the keyword like "glasses" or maybe "mask from saw movie"
open "search tools" section
select "Transparent" from "color" section to search for images without background, so you can find some nice .png images.
You can also reduce the size of the image not to load too big images.