Microsoft Silverlight

(1)

Microsoft® Silverlight™

for SelenioFlex™ Ingest

February 2015

(2)

Publication Information

Imagine Communications considers this document and its contents to be proprietary and confidential. Except for making a reasonable number of copies for your own internal use, you may not reproduce this publication, or any part thereof, in any form, by any method, for any purpose, or in any language other than English without the written consent of Imagine Communications. All others uses are illegal. This publication is designed to assist in the use of the product as it exists on the date of publication of this manual, and may not reflect the product at the current time or an unknown time in the future. This publication does not in any way warrant description accuracy or guarantee the use for the product to which it refers. Imagine Communications reserves the right, without notice to make such changes in equipment, design, specifications, components, or documentation as progress may warrant to improve the performance of the product.

Trademarks

Stream Live™ and SelenioFlex™ Ingest are trademarks or trade names of Imagine Communications or its subsidiaries.

Microsoft® and Windows® are registered trademarks of Microsoft Corporation. All other trademarks and trade names are the property of their respective companies.

Contact Information

Imagine Communications has office locations around the world. For domestic and international location and contact information, visit our Contact page

(http://www.imaginecommunications.com/company/contact-us.aspx).

Support Contact Information

For domestic and international support contact information see:

• Support Contacts (http://www.imaginecommunications.com/services/customer-care.aspx)

• eCustomer Portal (http://support.imaginecommunications.com)

(3)

Microsoft® Silverlight™

User's Guide Contents

SelenioFlex Ingest and Microsoft® Silverlight™ ... 4

Sample Project for Silverlight Publishing with Imagine Communications SelenioFlex Ingest... 4

Using the Sample Project ... 4

Inner Workings of the Sample Project ... 5

Audio for Silverlight ... 5

Manual File Management for SelenioFlex Ingest LE Users ... 5

How the SelenioFlex Ingest Publish Template Works ... 6

Notes on Creating New Templates ... 7

(4)

User's Guide SelenioFlex Ingest™ and Microsoft® Silverlight™

SelenioFlex Ingest™ and Microsoft®

Silverlight™

The Imagine Communications SelenioFlex Ingest software’s Publish output feature, combined with the SelenioFlex Ingest system tags capability, enables automated publishing into Microsoft® Silverlight® templates.

Sample Project for Silverlight Publishing with

Imagine Communications SelenioFlex Ingest

The provided Silverlight player template and project file can be used as a reference for creating your own Silverlight publishing workflow for transcoding from existing media files or for automatically creating the required Silverlight files at the end of live encoding.

Using the Sample Project

The Silverlight_Sample_Project.prj is in

C:\Program Files\Imagine Communications\SelenioFlex Ingest\Stream\Projects\Silverlight The supporting templates can be found in

C:\Program Files\Imagine Communications\SelenioFlex Ingest\PublishTemplates\Silverlight_Sample 1. In the SelenioFlex Ingest software, open the project Silverlight_Sample_Project.prj.

The project includes a Windows Media codec profile set to the native resolution of the included sample Silverlight Player template, targeting a 640x360 (16:9) video output. The codec profile settings assume that you are transcoding from source video with a progressive 23.976 frames per second (such as 1080p high-definition content) along with stereo audio; the profile can be edited to accommodate your source footage, but do not change the audio codec setting from Windows Media Audio 9.2.

Note that this audio codec only supports stereo or mono audio, so if your source file includes surround sound you will have to use the Audio Settings button to select the two channels you want to encode.

2. On the Input tab, select your source media file (or files, if the audio and video are separate).

If you would like to encode from a live source, switch the input type to "Live Source" and then set up your video and audio Source Profile and hardware processing.

3. The Output tab has been pre-configured to perform the following operations:

Output an archive .WMV file in the default output media directory, with the output filename as "Silverlight_%D_%_%T_%", where the %D_%_%T_% system tags are automatically replaced by the date and time when the encode was started

(5)

4. Use the Publish function to create a Silverlight startplayer.js JavaScript file pointing to the encoded output media file, based on the sample player template

5. Execute a Command script to move the above two resulting files into a dedicated subdirectory with the same name as the output video file, and copy required supporting Silverlight files into that subdirectory

The moving of the resulting files into a uniquely named, dedicated subdirectory is important, as published Silverlight experiences consist of multiple supporting files, many of which always have the same name (and would thus overwrite each other if the the project was run multiple times with all output to the same directory).

Note that the Command output feature is only available in SelenioFlex IngestPro and SelenioFlex

IngestEnterprise. Users of SelenioFlex Ingest LE will need to manually move the output files and

copy the Silverlight support files to accompany them. (See details in the following sections). 6. Once your codec profile and input sources are configured, hit Start to begin encoding.

7. Once encoding is complete, the Silverlight experience will be published. You can find the result in a subdirectory of your default output folder; the subdirectory will have the same name as your output video file (Silverlight_date_time). Within that folder, open the file Silverlight_Sample.html.

§ If Silverlight is installed on your system, your Silverlight experience will be opened in your web browser, and your video will begin playing.

§ If Silverlight is not yet installed, you will be instructed to install it.

These files can be uploaded together to the Silverlight Streaming service or your web server for online use.

Inner Workings of the Sample Project

Audio for Silverlight

As of this writing, the released version of Microsoft Silverlight does not support the Windows Media Audio 10 Professional codec; the Windows Media Audio 9.2 codec should be used for Silverlight compatibility.

Manual File Management for SelenioFlex Ingest LE Users

A Command script will automatically take care of file relocation and copying for SelenioFlex IngestPro and SelenioFlex IngestEnterprise users, but SelenioFlex Ingest LE users must perform the following three steps manually in Windows Explorer after the encode has completed.

1. Create a subdirectory (folder) for your finished Silverlight experience

2. Move the two output files created by the sample Silverlight project (one will be called StartPlayer.js, the other will be a .WMV file with the same base filename as your source input video file) from your default output directory into that new folder

3. Copy the following files from the SelenioFlex Ingest software PublishTemplates\ Silverlight_Sample folder (C:\Program Files\Imagine Communications\SelenioFlex Ingest\PublishTemplates Silverlight

(6)

baseplayer.js DR_Logo_Horizontal_Positive200.png MicrosoftAjax.js player.js Player.xaml PlayerStrings.js Silverlight.js Silverlight._Sample.html

Your Silverlight experience will then be ready to use as described earlier in this document.

How the SelenioFlex Ingest Publish Template Works

In this sample Silverlight player experience (which consists of multiple files), the elements that are created by SelenioFlex Ingest are the wmv media file and the StartPlayer.js Javascript file, which specifies information about the media file to be played by Silverlight.

To create the StartPlayer.js file a SelenioFlex Ingest Publish template (Digital_Rapids_StartPlayer_

Template.js, one of the sample files provided) is used by the SelenioFlex Ingest Publish feature. Within

this template, the system Tags %OF% (output filename) and %OE% (output extension) are used as placeholders for the encoded media file:

function get_mediainfo(mediainfoIndex) { switch (mediainfoIndex) {

case 0:

return { "mediaUrl": "%OF%.%OE%", "placeholderImage": "",

"chapters": [ ] };

default:

throw Error.invalidOperation("No such mediainfo"); }

}

By using this file as the template in the Publish feature on the SelenioFlex Ingest software’s Output tab, and specifying StartPlayer.js as the published output (in the same directory as the output media file – i.e. %od%\StartPlayer.js), the SelenioFlex Ingest Software will automatically create the new

StartPlayer.js file, replacing the system tags in the template with the correct output filename and

(7)

Notes on Creating New Templates

Note that if you wish to use the default Silverlight player templates provided with Microsoft applications (such as Expression®_{Encoder), these player template files include other variables specific to those}

applications. Use Expression to output a test file through your desired player template once, and use the resulting output Silverlight player files as the basis for creating new templates for use with Imagine Communications SelenioFlex Ingest. (Simply insert the SelenioFlex Ingest system tags into the

Expression-created startplayer.js file, and save that as a new SelenioFlex Ingest Publish template). If you are programming your own Silverlight player from scratch, you can include the SelenioFlex Ingest system tags directly into your code.