Screens displayed to the user

Top  Previous  Next

Screens displayed to the user

 

If full screen mode is selected (by pressing Ctrl+F4 to enter full screen mode and display the ready image) a series of images can be displayed to the user to show them what's happening and to advertise the photo booth. These images are held in the same folder as the background, header and footer images and are as follows:

 

ready.jpg - image displayed when DSLR Remote Pro for Windows is ready to take the next set of photos

ready_overlay.png - optional screen overlay displayed over the ready.jpg screen and live view display (see below for more information)

1.jpg, 2.jpg etc. - image displayed before taking the first, second, third etc. images together with the text specified in the setting dialog

taking.jpg - image displayed for approximately 1 sec before taking each shot

release.jpg - optional image displayed as the photo is taken (live view is hidden when this screen is displayed)

preview.jpg - optional background image displayed with the preview photo

processing.jpg - image displayed after taking the photos while DSLR Remote Pro for Windows formats and sends the page to the printer

reprint.jpg - optional image displayed at the bottom of the reprint selection dialog

reprinting.jpg - optional image displayed when reprinting photos (processing.jpg will be displayed if reprinting.jpg isn't found)

camera_not_connected.jpg - image displayed when the camera is turned off or disconnected

welcome.jpg - image displayed when the inactivity timer has canceled live view or standby mode has been selected by pressing F6

confirm_printing.jpg - optional background image when displaying print confirmation screen

printing_confirmed.jpg - image displayed if user selects printing from the print confirmation screen

keyboard_input_ok.jpg - image displayed if user selects 'ok' from the on screen keyboard after the photos have been taken

keyboard_input_cancel.jpg - image displayed if user selects 'cancel' from the on screen keyboard after the photos have been taken

share.jpg - displayed after taking the photo and after the print confirmation screen (if enabled) when the text or email sharing options are selected

share_printing.jpg - displayed for at least 5 seconds when the user selects printing from the sharing screen

email_photo.jpg - displayed while emailing photos

email_offline.jpg - displayed after user has entered the email address and email offline mode is selected

email_success.jpg - displayed for a few seconds after the photos have been successfully emailed

email_error.jpg - displayed if there was an error emailing the photos

twitter_login.jpg - screen displayed when logging in to Twitter

twitter_login_failure.jpg - screen displayed if there is an error logging in to the user's Twitter account

twitter_upload.jpg - screen displayed while the photo is being uploaded to the user's Twitter feed

twitter_success.jpg - screen displayed after a successful post to Twitter

twitter_cancel.jpg - screen displayed if the user cancels a post to Twitter

twitter_error.jpg - screen displayed if there is an error posting the photo to Twitter

twitter_timeout - screen displayed if the user does nothing and the Twitter timeout occurs

mms.jpg - screen displayed when sending an MMS

mms_success.jpg - screen displayed after an MMS has been sent successfully
mms_as_sms.jpg - screen displayed in if MMS isn't supported and SMS is being used instead

mms_offline.jpg - screen displayed in offline mode after the user has entered their cellphone number to send an MMS

mms_error.jpg - screen displayed if there is an error when sending an MMS

video_ready.jpg - displayed when the video booth is ready to capture the next clip

video_countdown.jpg - displayed together with the countdown text during the countdown before capturing the clip

video_capture.jpg - displayed together with a progress bar while the video clip is being captured

video_processing.jpg - displayed after video capture while the movie file is being transferred to the PC

video_playback.jpg - displayed when playing back the video that has just been captured

video_playback_finished.jpg - optional screen image displayed after playback or after downloading the video if auto playback is not enabled

GIF_processing.jpg - optional screen displayed when creating animated GIFs in video mode

 

A typical photo booth shooting sequence will display screens in the following order:

ready.jpg - the photo booth is ready to take the next set of photos

1.jpg - displayed during the countdown for the first photo in the sequence

taking.jpg - displayed approximately 1 sec before taking the photo

release.jpg - displayed when the command to take the photo is sent to the camera

2.jpg, taking.jpg, release.jpg - screens displayed during the countdown for the second photo

repeated for the remaining photos in the sequence...

processing.jpg - displayed after taking the photos while preparing them for printing

confirm_printing.jpg - screen asking the user to confirm or reject the prints

share.jpg - screen displayed asking the user to share the photos by email, text etc.

printing_confirmed - displayed after user has accepted the prints and has exited the share.jpg screen

 

ready_overlay.png - this is an optional overlay file that is displayed over the ready.jpg screen and the live view display. This screen image should be the same size as the ready.jpg screen and should contain transparent areas so that the live view screen may be seen. The ready_overlay.png screen makes it simple to add buttons, text or graphics that appear over the live view display.

Please note that areas of the ready_overlay.png screen must be either fully opaque or fully transparent. You can't use an alpha channel to provide semi-transparent areas.

 

A different screen for the taking.jpg, release.jpg and preview.jpg screens can be displayed for each photo in the sequence for by appending the photo number to the end of the filename. e.g. taking1.jpg, release1.jpg, preview1.jpg for the first photo; taking2.jpg, release2.jpg, preview2.jpg for the second photo etc.

 

Please note that it is not always necessary to define all the screen images e.g. share.jpg and the email screens are not required if the email options are not used. The simplest way to get started is to run the photo booth setup wizard which will automatically create all the screens for you. You can then edit the screens in an image editor to customize the look of your photo booth.

 

These images can be JPEGs containing any information you like and are displayed centered on the display with a black background. The images 1.jpg, 2.jpg etc are displayed together with the text defined in the settings dialog which can be used to give a count down timer before each picture. The text is displayed centered on the screen below the live view display, if applicable, as white text on a transparent background. The following tokens can be used in the text:

 

@imageNumber@ - the number of the image in the sequence starting from 1

@numberOfImages@ - the number of images in the sequence

@secsToNextPhoto@ - the number of seconds until the next photo is taken

 

The images displayed to the user should be the same size or bigger than the computer's display. If the images are too small they will be expanded to fit with a black border and a small warning message will be displayed in the bottom left corner showing the image size and the display size.

 

When using live view in photo booth mode the live view images will not be updated while the camera is actually taking each picture. This will cause the live view display to freeze for a couple of seconds and can confuse some users as it shows the live view just before the picture is taken and this will be slightly different from the actual photo. To avoid this problem the live view display will be blanked out when the photo is taken if you define a release.jpg image.

 

It is also possible to display different screens depending on whether color, black and white or monochrome toned mode is selected and the number of print copies.  This provides a way of giving feedback to the user when different settings have been selected.

 

The way it works is to check for a suffix after the filename for the appropriate screen image in the form <screen>_<b|c|t><1..9>.jpg where <screen> is the name of the screen image e.g. "ready", <b|c|t> is the color mode: "b" for black and white, "c" for color, "t" for monochrome toned or f, g, h, i, j, k for filters 1 to 6 and <1..9> is the number of print copies e.g. "1" is one copy is selected.

 

For example when the ready.jpg image is to be displayed, the color mode is set to black and white and the number of print copies is set to 2 the software will look for a suitable screen image in the following order:

ready_b2.jpg - i.e. "ready" + black and white + 2 copies selected or if this isn't found it looks for:

ready_b.jpg - i.e. "ready" + black and white or if this isn't found it looks for:

ready_2.jpg - i.e. "ready" + 2 copies selected or if this isn't found it looks for:

ready.jpg

 

So to have screens to indicate the color mode and the number of print copies from 1 to 3 you need the following "ready" screens: ready_c1.jpg, ready_c2.jpg, ready_c3.jpg, ready_b1.jpg, ready_b2.jpg, ready_b3.jpg.

 

When a setting is changed, e.g. the color mode is set to black and white, the screen image is updated automatically to show the user the current status.

 

This technique can also be used for the confirm_printing.jpg screens when displaying the print confirmation screen e.g. confirm_printing_1.jpg is used for 1 copy, confirm_printing_2.jpg is used for 2 copies etc. The touchscreen actions "Confirm printing (+ # prints)" and "Confirm printing (- # prints)" can be used to increase or decrease the number of copies to print and the screen will be updated to show the confirm_printing.jpg background to provide the user with visual feedback of the selected number of copies. The maximum number of copies that can be selected in the "Output Settings" dialog.

 

 

Using animated GIF files to animate screens

Animated GIF files can be displayed on the screens by placing an animated GIF in the photo booth images folder and giving it the same name as the screen image. For example, to play an animated GIF  when the ready.jpg screen is displayed the file should be named ready.gif. Animated GIFs can be displayed over the live view images and the live view will be visible behind transparent areas of the animated GIF.

Append "_loop" to the filename , e.g. ready_loop.gif, if you want the animated GIF to play in a continuous loop.

 

By default animated GIFs are displayed in the top left corner of the screen. Animated GIFs can also be positioned manually by appending the offsets from the left and top of the screen to the filename in the form _{LeftOffset}+{TopOffset} e.g. to position ready.gif 200 pixels from the left of the screen and 100 pixels from the top the file should be named ready_200+100.gif (or ready_loop_200+100.gif if you want it to play continuously).

 

When an animated GIF is displayed on the countdown screen (e.g. by naming it 1.gif) it replaces the normal countdown text and is only played once. Approximately 1 second before the end of the GIF the taking.jpg screen is displayed and then the photo is taken when the GIF reaches the end.
Important: The delay before taking each photo must be set to 2 secs or more otherwise the countdown movie will not be displayed.

 

Example animated GIFs (in the installation folder):

start.gif - displays a pulsating "Start" button. To test this copy start.gif to your photobooth images folder and rename it ready_loop.gif. This will display the button in the top left corner of the screen. It can be moved by appending the left and top offsets to the filename e.g. change the filename to ready_loop_200+100.gif to place it 200 pixels from the left of the screen and 100 pixels from the top.

1.gif - displays a 5, 4, 3, 2, 1 countdown with a progress ring. To test this copy countdown.gif to your photobooth images folder and rename it 1.gif. This will display the countdown in the top left corner of the screen during the countdown for the first photo. It can be moved by appending the left and top offsets to the filename e.g. change the filename to 1_200+100.gif to place it 200 pixels from the left of the screen and 100 pixels from the top. Make copies fo the file and rename them 2.gif, 3.gif etc. to provide animated countdowns for photos 2, 3, etc.

 

Using movie files to animate screens

Movie files can be displayed on the screens by placing a movie file in MP4 or QuickTime MOV format in the photo booth images folder and giving it the same name as the screen image. For example, to play an MP4 movie file when the ready.jpg screen is displayed the movie file should be named ready.mp4. Movie files can't overlap the live view display and so if live view is active the movie will be displayed in the area below the live view.

 

Append "_loop" to the filename , e.g. ready_loop.mp4, if you want the movie to automatically restart from the beginning and play continuously.

 

By default movie files are displayed centered on the screen unless live view is active in which case they are displayed below the live view. Movie files can also be positioned manually by appending the offsets from the left and top of the screen to the filename in the form _{LeftOffset}+{TopOffset} e.g. to position the ready.mp4 movie 200 pixels from the left of the screen and 100 pixels from the top the file should be named ready_200+100.mp4 (or ready_loop_200+100.mp4 if you want it to play continuously). If the movie is larger than the screen it will be automatically scaled to fit the screen.

 

When a movie is displayed on the countdown screen (e.g. by naming it 1.mp4) it replaces the normal countdown text and is only played once. Approximately 1 second before the end of the movie the taking.jpg screen is displayed and then the photo is taken when the movie reaches the end. There is a sample movie file called countdown.mp4 in the folder where DSLR Remote Pro is installed. To use this simply copy it to your photo booth images folder and rename it to 1.mp4, 2.mp4 etc.
Important: The delay before taking each photo must be set to 2 secs or more otherwise the countdown movie will not be displayed

Please note: If an animated GIF has been defined for the countdown the countdown movie file will be ignored.

 

Audio Prompts

Audio prompts can be added by placing a WAV sound file in the photo booth images folder and giving it the same name as prompt screen. For example to play a sound when the photo booth is ready copy a WAV file named ready.wav into the photo booth images folder and it will be played when the ready.jpg image is displayed. You can also play an audio file when the touchscreen keyboard is displayed by naming it keyboard.wav and placing it in the photo booth images folder.
Note: There is no need to use a WAV file if you are already using a movie file (see above) because movie files can contain both pictures and sound.

 

The easiest way to see how this works is to try it out. To do this run DSLR Remote Pro for Windows then press Ctrl+F4 to display the ready screen. Then press Shift+F4 to take a test sequence or F4 to take the pictures and print them.

 

A typical 4 picture sequence would be:

 

At startup: "ready.jpg" image displayed on screen and "ready.wav" played once (if present)

 

Sequence started: "1.jpg" image displayed on screen together with countdown text and "1.wav" played once (if present)

 

Approx 1 sec before taking picture #1: "taking.jpg" image displayed on screen and "taking.wav" played once (if present)

 

After taking picture #1: preview image displayed for the required number of seconds (if enabled in the settings) then "2.jpg" image displayed on screen together with countdown text and "2.wav" played once (if present)

 
Approx 1 sec before taking picture #2: "taking.jpg" image displayed on screen and "taking.wav" played once (if present)

 

After taking picture #2: preview image displayed for the required number of seconds (if enabled in the settings) then "3.jpg" image displayed on screen together with countdown text and "3.wav" played once (if present)

 

Approx 1 sec before taking picture #3: "taking.jpg" image displayed on screen and "taking.wav" played once (if present)

 

After taking picture #3: preview image displayed for the required number of seconds (if enabled in the settings) then "4.jpg" image displayed on screen together with countdown text and "4.wav" played once (if present)

 

Approx 1 sec before taking picture #4: "taking.jpg" image displayed on screen and "taking.wav" played once (if present)

 

After taking picture #4: preview image displayed for the required number of seconds (if enabled in the settings) then "processing.jpg" image displayed on screen and "processing.wav" played once (if present). During this time the images are formatted ready for output and either saved to file or sent to the printer queue. When this has finished the screen goes back to the "ready.jpg" image and the ready.wav sound file is played ready for the next sequence.

 
It is also possible to display different screens depending on whether color, black and white or monochrome toned mode is selected and the number of print copies. This makes it possible to show the user which settings have been selected and could be used as part of a touchscreen menu system. The way it works is to check for a suffix after the filename for the appropriate screen image in the form <screen>_<b|c|t><1..9>.jpg where <screen> is the name of the screen image e.g. "ready", <b|c|t> is the color mode: "b" for black and white, "c" for color or "t" for monochrome toned and <1..9> is the number of print copies e.g. "1" is one copy is selected.

 

For example when the ready.jpg image is to be displayed, the color mode is set to black and white and the number of print copies is set to 2 the software will look for a suitable screen image in the following order:

ready_b2.jpg - i.e. "ready" + black and white + 2 copies selected or if this isn't found it looks for:

ready_b.jpg - i.e. "ready" + black and white or if this isn't found it looks for:

ready_2.jpg - i.e. "ready" + 2 copies selected or if this isn't found it looks for:

ready.jpg

 

So to have screens to indicate the color mode and the number of print copies from 1 to 3 you need the following "ready" screens: ready_c1.jpg, ready_c2.jpg, ready_c3.jpg, ready_b1.jpg, ready_b2.jpg, ready_b3.jpg.

When a setting is changed, e.g. the color mode is set to black and white, the screen image is updated automatically to show the user the current status.