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)

ready_overlay_qr.png - optional screen to provide visual feedback when a QR code is scanned in the ready screen

live_view_overlay.png - optional overlay displayed over the live view display in photo mode (see Live view overlay)

1.jpg, 2.jpg etc. - countdown screen images displayed during the countdown before taking each photo (1,jpg for the first photo, 2.jpg for the second photo etc.)

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

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

printing_confirmed_no_copies.jpg - image displayed if user selects "Confirm printing (no prints)" from the print confirmation screen. If this screen image can't be found it displays printing_confirmed.jpg

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 email sharing options are selected

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

share_print_payment.jpg - displayed while waiting for payment when share print payment mode is selected

share_print_payment_cancelled.jpg - displayed if payment fails or is cancelled when share print payment mode is selected

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_payment.jpg - displayed while waiting for payment when email payment mode is selected

email_payment_cancelled.jpg - displayed if payment fails or is cancelled when email payment mode is selected

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_payment.jpg - displayed while waiting for payment when text payment mode is selected

mms_payment_cancelled.jpg - displayed if payment fails or is cancelled when text payment mode is selected

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_ready_overlay.png - optional screen overlay displayed over the video_ready.jpg screen and live view display (see below for more information)

video_ready_overlay_qr.png - optional screen to provide visual feedback when a QR code is scanned in the video ready screen

video_live_view_overlay.png - optional overlay displayed over the live view idisplay in video booth mode (see Live view overlay)

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

video_confirmed.jpg - optional screen displayed after accepting a video or closing the sharing screen

ready_info1.jpg, ready_info2.jpg etc. - optional information screens available from the stills photo booth ready screen

video_info1.jpg, video_info2.jpg etc. - optional information screens available from the video booth ready screen

before_session.jpg - screen displayed before a timed photo booth session starts
after_session.jpg - screen displayed after a timed photo booth session ends

 

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 when the ready screen is displayed. The ready screen overlay is only displayed with the ready screen and is hidden when the countdown starts.
video_ready_overlay.png - this is an optional overlay file that is displayed over the video_ready.jpg screen and the live view display. This screen image should be the same size as the video_ready.jpg screen and should contain transparent areas so that the live view screen may be seen. The video_ready_overlay.png screen makes it simple to add buttons, text or graphics that appear over the live view display when the video ready screen is displayed. The video ready screen overlay is only displayed with the video ready screen and is hidden when the countdown starts.

Please note that areas of the ready_overlay.png and video_ready_overlay.png screens 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.

 

Optional info screens

One or more information screens can be displayed from the stills photo ready or video ready screens. Touchscreen actions are available to display the information screens from the ready screens, to display the next or previous page, to close the information screen and to start the photo booth shooting sequence.

 

To display information screens from the stills photo booth ready screen (ready.jpg) create screen images named ready_info1.jpg, ready_info2.jpg, ready_info3.jpg etc. and place them in the photo booth images folder. Then add the following touchscreen actions to control the display of the information screens:

Photo info open - display the first information screen (ready_info1.jpg) from the stills photo ready screen (ready.jpg)

Photo info next - display the next information screen if available e.g. switch from ready_info1.jpg to ready_info2.jpg

Photo info previous - display the previous information screen if available e.g. switch from ready_info3.jpg to ready_info2.jpg

Photo info close - close the information screen and return to the ready screen (ready.jpg)

Photo info start - close the information screen and start the photo booth shooting sequence

 

To display information screens from the video booth ready screen (video_ready.jpg) create screen images named video_info1.jpg, video_info2.jpg, video_info3.jpg etc. and place them in the photo booth images folder. Then create add the following touchscreen actions to control the display of the information screens:

Video info open - display the first information screen (video_info1.jpg) from the video ready screen (video_ready.jpg)

Video info next - display the next information screen if available e.g. switch from video_info1.jpg to video_info2.jpg

Video info previous - display the previous information screen if available e.g. switch from video_info3.jpg to video_info2.jpg

Video info close - close the information screen and return to the ready screen (video_ready.jpg)

Video info start - close the information screen and start the video booth shooting sequence

 

The information screens can be animated using GIF or MP4 images (see below for details).

The information screens will be automatically closed after 30 seconds of inactivity. This timeout can be changed by editing the InfoInactivityTimeout setting using the Configure utility.

 

 

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 center 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).

The size and position of the animated GIF can also be specified as a percentage of the screen size e.g. ready_{w50%}_loop.gif will display an animated GIF that is half the width of the screen and plays in a continuous loop in the ready screen. Please see this page for more information

 

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 an animated button in the center of the screen. It can be moved by appending the left and top offsets to the filename e.g. change the filename to ready_{l200t100}_loop.gif (or ready_loop_200+100.gif using the older naming scheme) 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 center 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_{l200t100}.gif (or 1_200+100.gif using the older naming scheme) to place it 200 pixels from the left of the screen and 100 pixels from the top. Alternatively change the filename to 1_{t25%}.gif to place it 1/4 of the way down the screen.

Make copies of 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.

 

The size and position of the movie can also be specified as a percentage of the screen size e.g. ready_{w50%}_loop.mp4 will resize the movie so that is half the width of the screen and plays in a continuous loop in the ready screen.

Please see this page for more information about sizing and positioning movie files

 

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.

 

Troubleshooting

If a video does not play properly it could be a video CODEC problem. Please try downloading and installing the K-Lite CODEC pack which should fix the problem.

The K-Lite CODEC pack can be download it from: http://www.codecguide.com/download_kl.htm

 

 

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.

 

Adding a watermark to prints

A watermark can be added to prints displayed in the confirm printing and sharing screens by placing a PNG file named print_watermark.png in the photo booth images folder. The PNG file should contain transparency information in an alpha channel so that the print is visible when the PNG is overlaid on top of it.