Table of Contents Overview... 2 Supported Platforms... 3 Note... 3 Demos/Downloads... 3 Known Issues... 4 Use Case... 4 Included Files and Parameters... 5 Implementing the Block... 7 Setting Up A Nimbb Account... 7 Configuring The Webcam Video Upload Block... 8 Flash Implementation... 8 Configuring The Webcam Video Upload Catalog Feature... 9 Flash Implementation... 9 Add New Videos to your Catalog... 9
Overview Sizmek s Webcam Video Upload Block is a Premium Block that utilizes the 3 rd party video player by Nimbb. With this service, advertisers can view and play existing video, record and upload new video and even save that video for later playback. By using the Nimbb service, costly custom solutions can be avoided without the loss of features such as private hosting, Web Service using SSL calls, YouTube integration, email notification and much more. Users of this Block are required to create a unique Nimbb account. Copyright 2014 Sizmek. All rights reserved. 2
Supported Platforms Platform Windows Mac Supported Version Internet Explorer 9+, Firefox, Chrome, Safari Firefox, Chrome, Safari Note This Block requires a Nimbb account. Please refer to the Nimbb website for the appropriate subscription that fits your campaign. The Nimbb developer account expires after 7 days. Demos/Downloads To download the Block, view a demo of the Block or get the latest copy of the build guide, please visit the Formats & Blocks tab of the Creative Zone. For more information, contact your Creative Development Specialist. Copyright 2014 Sizmek. All rights reserved. 3
Known Issues Error 1120 - Access of undefined property Blocks o If you receive this error when publishing the FLA, update your Workshop for Flash (MXP). Nimbb Video player will only work when hosted from a server. It will not work locally. Use Case It is also possible to exhibit user-submitted videos in your ad and use platform features to moderate which videos are shown. Using the Sizmek DCO Catalog product, you can choose videos from your Nimbb account to create new products in Mass Versioning Catalog product list A user would retrieve the video id for each video from the Nimbb account and add that id (with any other relevant information) as a new product version. You can then design your ad as a Catalog ad and pull one or more videos (if available) into a video gallery from the Mass Versioning Catalog product list. A popular sports team has decided to run a campaign to encourage fans to record a testimonial showing their support. A DCO Catalog ad is built to display default creative that encourages and explains the campaign and the upload process. Fans record their testimonials and the videos are saved to the team s nimbb account. The team reviews the submissions and choses videos to display in the creative as Featured Testimonials. Each time the creative loads, it checks the platform for videos in the Mass Versioning Catalog product list and if they exist, the ad displays additional content allowing fans to watch the Feature Testimonials. The team can continue to update these videos by simply adding new Catalog products to the Mass Versioning Catalog product list in the platform, keeping the creative fresh and exciting. Copyright 2014 Sizmek. All rights reserved. 4
Included Files and Parameters Filename Description Sizmek_DCO_Apparel_Template_AS3 available in 300x250, 728x90 and 160x600 com/sizmek/videoupload/config.as com/sizmek/videoupload/videoupload.as DefaultImage500x400.gif Video_Upload_DB.fla Video_Upload_RB.fla Video_Upload.eba Actionscript Config file Actionscript class Block methods Default Backup Image Default Banner File Rich Banner File Workshop File Parameter key autoplay bgcolor bordercolor forcedev format Description Optional. The developer's public key. When specified, it allows you to activate the advanced functions of the Nimbb Player so you can program it. Optional. While in view mode, automatically starts video playback when the Nimbb Player is loaded. Assign the value '1' to activate. Optional. Specify the background color in hexadecimal format (example: FFFFFF). Optional. Specify the border color in hexadecimal format (example: 000000). Optional. Force the Nimbb Player in developer mode, even if the player is on production site. Assign the value '1' to activate. Use only for debugging purpose. Video Format - Optional. Set the recording resolution of the camera. Accepted values are '320x240' (default, FLV format), '320x240m' (MP4 format), '640x480' (MP4 format) and '640x360' (MP4 format). MP4 formats require using the Nimbb Player 2 and a valid subscription. Copyright 2014 Sizmek. All rights reserved. 5
guid lang logoclickurl logoimageurl mode nologo quality recordlength redirecturl showicons volume The GUID of the video to watch. Mandatory if the view mode is used. Optional. Language of the player's interface ('en' for English, 'fr' for French, 'da' for Danish, 'de' for German, 'es' for Spanish and 'pt' for Portuguese). Optional. Destination URL for the logo click (must be used with logoimageurl). Need a Gold or higher subscription. Logo Image File Path - Optional. Specify a custom logo image URL in the upper-left corner of the player (replace the Nimbb logo). Any standard image format is supported. The recommended image size is 100x30 pixels. Need a Gold or higher subscription. Optional. Specify the mode of the player ('view' or 'record'). The default is 'view'. Optional. Hide the Nimbb logo while in playback mode. Assign the value '1' to activate. Need a Silver or higher subscription. Optional. Set the level of video quality when recording. Numbers from 1 (low) to 10 (high). The higher the number, the better the video quality but also requires more bandwidth. The default value is 10. Optional. The maximum recording time of a video, in seconds. Optional. Specify an URL where to redirect the browser after the video has been saved. The saved guid is also posted as a parameter to the URL and can be ready inside the redirected page. Optional. Display ('1') or hide ('0') the icons in the upper-right corner in Record mode (camera and sound icons). Optional. Set the video playback volume (values from 0 to 100) For a complete list visit http://nimbb.com/doc/dev/params.aspx Copyright 2014 Sizmek. All rights reserved. 6
Implementing the Block Before you Begin Make sure you have the following resources available: Webcam Video Upload Block files Setting Up A Nimbb Account 1. Go to www.nimbb.com 2. Set up a new account 3. Choose the appropriate subscription level that best suits your live campaign needs. 4. Navigate to the Dev Keys link - http://nimbb.com/user/dev/key.aspx 5. Save your Public Key. This will be needed for development. See image below. For more information on the Nimbb API, please visit the following link: http://nimbb.com/help/api.aspx Copyright 2014 Sizmek. All rights reserved. 6
Configuring The Webcam Video Upload Block The Webcam Video Upload Block player settings can be configured by editing the parameter values in Config.as, which is located in the com/sizmek/videoupload directory. Open the file in Flash and edit the variables as necessary. The Config.as file includes several player parameters, but a full list can be found on the Nimbb website. http://nimbb.com/doc/dev/params.aspx Flash Implementation 1. Open Existing Ad from Sizmek Workshop. 2. Open Config.as located in the com/sizmek/videoupload directory. 3. Update the PLAYER_OPTIONS.key parameter with your Nimbb Public key. 4. Update any additional player settings as needed. 5. Login to the MDX Platform. 6. Go to Manage > Ads and click on New > Create New Ad. 7. In Ad Name field, enter unique ad name. 8. From the Ad Format drop- down list, select Polite Banner. 9. Update your Default Banner, Pre- load Banner and Richer Banner with assets from template. 10. Save. Copyright 2014 Sizmek. All rights reserved. 7
Configuring The Webcam Video Upload Catalog Feature The Webcam Video Upload Catalog Block settings can be configured by editing the parameter values in Config.as, which is located in the com/sizmek/videoupload directory. Open the file in Flash and edit the variables as necessary. The Config.as file includes several player parameters, but a full list can be found on the Nimbb website. http://nimbb.com/doc/dev/params.aspx. The Catalog Template must be uploaded from the Workshop so that the MDX Platform recognizes the Catalog XML file. Flash Implementation 1. Open Existing Ad from Sizmek Workshop. 2. Open Config.as located in the com/sizmek/videoupload directory. 3. Update the PLAYER_OPTIONS.key parameter with your Nimbb Public key. 4. Update any additional player settings as needed. 5. Login to the MDX Platform from within Sizmek Workshop. 6. Upload and Save the ad to your Sizmek MDX account. 7. Edit Ad. 8. Navigate to Setup > Smart Versioning to add new versions (videos) to your catalog list. Add New Videos to your Catalog 1. Log into your Nimbb account at www.nimbb.com 2. Click on Manage videos. 3. Click Share on the video you d like to add. 4. Copy video id from the end of the share url a. Ex. http://nimbb.com/v/6e1bf0908e = 6e1bf0908e 5. Log in to Sizmek MDX. Edit your Master Ad. 6. For custom video thumbnails, add additional assets in the Additional Assets panel. 7. Navigate to Setup > Smart Versioning and either Add a new version or select and Copy an existing version. a. Update thumb from additional assets b. Update Title - text c. Update id copied earlier from nimbb d. Update desc text 8. Update Version Status to Enable. 9. Save and Close. Copyright 2014 Sizmek. All rights reserved. 9