Video video

Upload your Dynamic Media videos by doing the following:

• Create your own video encoding profile. Or, you can simply use the predefined “Adaptive Video Encoding” profile that comes with Dynamic Media.

  • Creating a video encoding profile.
  • Learn more about Best practices for video encoding.

• Associate the video processing profile to one or more folders where you are going to upload your master videos.

  • Applying a video profile to folders.
  • Learn more about Best practices for organizing your digital assets for using processing profiles.
  • Learn more about Organizing digital assets.

• Upload your primary source videos to the folders. When you add videos to the folder, they are encoded according to the video processing profile that you assigned to the folder.

  • Dynamic Media supports primarily short-form videos with a maximum length of 30 minutes and a minimum resolution that is greater than 25 x 25.
  • You can upload video files that are up to 15 GB each.
  • Upload your videos.
  • Learn more about Supported input file formats.

• Monitor how video encoding is progressing either from the asset or workflow view.

Manage your Dynamic Media videos by doing any of the following:

• Organize, browse, and search video assets

  • Organizing digital assets

    Learn more about Best practices for organizing your digital assets for using processing profiles

  • Searching video assets or Searching assets

• Preview and publish video assets

  • View the source video and encoded renditions of the video along with its associated thumbnails:

    Previewing videos or Previewing assets

    Viewing video renditions

    Managing video renditions

  • Manage viewer presets

  • Publishing assets

• Work with video metadata

  • View the properties of an encoded video rendition such as frame rate, audio and video bitrate, and codec:

    Viewing video rendition properties

  • Edit the properties of video such as the title, description, and tags, custom metadata fields:

    Editing video properties

  • Managing metadata for digital assets

  • Metadata schemas

• Review, approve, and annotate videos

  • Annotating videos or Annotating assets
  • Applying workflows to assets or Starting a workflow on an asset
  • Review folder assets
  • Projects

Publish your Dynamic Media videos by doing one of the following:

• If you are using Adobe Experience Manager as your web content management system you can add videos directly to your web pages.

  • Adding videos to your web pages.

• If you are using a third-party web content management system, you can link or embed videos to your web pages.

  • Integrate video using URL:

    Linking URLs to your web application.

  • Integrate video using embed code on web page:

    Embedding the video viewer on a web page.

• Publishing videos to YouTube.

• Generating video reports.

• Adding captions to video.

Video player loads the initial video fragment based on the bit rate that is closest to the value that is set for “initial bitrate” in the player itself.

Video player switches based on changes to the bandwidth speed using the following criteria:

1. Player picks the highest bandwidth stream below or equal to the estimated bandwidth.
2. Player considers only 80% of the available bandwidth. However, if it is switching up, it is more conservative at only 70% to avoid overestimating and immediately switching back.

Create a new Google account.

https://accounts.google.com/SignUp?service=mail

If you already have a Google account, skip to the next step.

Go to https://cloud.google.com/.

On the Google Cloud Platform page, near the top, tap Console. You may need Sign in using your Google account credentials.

On the Dashboard page, tap Create Project.

In the New Project dialog box, enter in a project name.

Note that your project ID is based on your project name. As such, choose the project name carefully; it cannot be changed after it is created. Also, you will need to enter the same project ID again when you set up YouTube in Adobe Experience Manager later on. You may want to write down the project’s ID.

Tap Create.

On your project’s Dashboard, in the Getting Started card, tap Enable APIs and get credentials like keys.

Near the top of the Dashboard page, tap Enable API.

On the Library page, under YouTube APIs, tap YouTube Data API.

Near the top of the YouTube Data API v3 page, tap Enable to turn it on.

To use the API, you may need credentials. If necessary, tap Create Credentials.

From the Where will you be calling the API from? drop-down list, select Web Server (e.g. node.js, Tomcat).

Under What data will you be accessing? select User data.

Tap What credentials do I need? button.

Under the Create an OAuth 2.0 client ID heading, enter a unique name.

In the text field under the Authorized Javascript origins heading, enter the following path, substituting your own domain and port number in the path, then press Enter to add the path to the list:

https://<servername.domain>:<port_number>

For example, https://1a2b3c.mycompany.com:4321

Note: The path example above is intended for illustration purposes only.

In the text field under the Authorized redirect URIs heading, enter the following, substituting your own domain and port number in the path, then press Enter to add the path to the list:

https://<servername.domain>:<port#>/etc/cloudservices/youtube.youtubecredentialcallback.json

For example, https://1a2b3c.mycompany.com:4321/etc/cloudservices/youtube.youtubecredentialcallback.json

Note: The path example above is intended for illustration purposes only.

Tap Create client ID.

On the Credentials page, under the Set up the OAuth 2.0 consent screen heading, select the Gmail address that you are currently using.

In the text field under the Product name shown to users heading, enter what you want to show on the consent screen.

The consent screen is displayed to the AEM administrator when they authenticate to YouTube; AEM will contact YouTube for permission.

Tap Continue.

Under the Download credentials heading, tap Download.

Save the client_id.json file.

You will need this downloaded json file when you set up YouTube in Adobe Experience Manager later on.

Tap Done.

Now you will create a YouTube channel.

Go to https://www.youtube.com and sign in using your Google account credentials.

In the upper-right corner of the YouTube page, tap your profile picture (may also appear as a letter within a solid colored circle), then tap YouTube settings (round gear icon).

On the Overview page, under the Additional Features heading, tap See all my channels or create a new channel.

On the Channels page, tap Create a new channel.

On the Brand Account page, in the Brand Account Name field, enter a business name or any other channel name you choose where you want to publish your video assets, then tap Create.

Remember the name you enter here because you will need to enter it again when you setup YouTube in AEM.

(Optional) If necessary, add more channels.

Now you will add tags for publishing.

In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Deployment > Replication > Agents on Author.

On the Agents of Author page, tap YouTube Publish (youtube).

On the toolbar, to the right of Settings, tap Edit.

Select the Enabled checkbox to turn on the replication agent.

tap OK.

Now you will set up YouTube in AEM.

In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Deployment > Cloud Services.

Under the Third Party Services heading, under YouTube, tap Configure now.

In the Create Configuration dialog box, enter a title (mandatory) and name (optional) in the respective fields.

Tap Create.

In the YouTube Account Settings dialog box, in the Application Name field, enter the Google Project ID.

You specified the project ID when you initially configured Google Cloud settings earlier.

Leave the YouTube Account Setting dialog box open; you will return to it in a moment.

Using a plain text editor, open the JSON file that you downloaded and saved earlier in the task Configuring Google Cloud settings.

Select and copy the entire JSON text.

Return to the YouTube Account Settings dialog box. In the JSON Config field, paste the JSON text.

Tap OK.

You will now setup YouTube channels in AEM.

To the right of Available Channels, tap + (plus sign icon).

In the YouTube Channel Settings dialog box, in the Title field, enter the name of the channel that you created in the task Creating a YouTube channel earlier.

You can optionally add a description, if desired.

Tap OK.

YouTube/Google authentication is displayed. If you are not already logged into the Google Cloud account, then skip this step.

• Enter the Google username and password associated with the Google Project ID and the JSON text above.
• Depending on how many channels your account has you see two or more items. Select a channel. Do not select the e-mail address.
• On the next page, tap Accept to allow access to this channel.

Tap Allow.

You will now setup tags for publishing.

Setting up tags for publishing – On the Cloud Services > YouTube page, tap the Pencil icon to edit the list of tags that you want to use.

Tap the drop-down list icon (upside-down caret) to display the list of available tags in AEM.

Tap one or more tags to add them.

To delete a tag you have added, select the tag, and tap X.

When you are finished adding the tags you want, tap OK.

Now you publish videos to your YouTube channel.

In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Metadata Schemas.

Tap default. (Do not add a checkmark to the selection box to the left of “default”.)

On the default page, check the box to the left of video, then tap Edit.

On the Metadata Schema Editor page, tap the Advanced tab.

Under the YouTube Publishing heading, tap YouTube Category. (Do not tap the YouTube Category drop-down list.)

On the right side of the page, under the Settings tab, do the following:

• In the Field Label text field, select and copy the value.

  Paste the copied value into an open text editor. You are going to need this value later when you create your metadata processing profile. Leave the text editor open.

• In the Map to property text field, select and copy the value.

  Paste the copied value into the open text editor. You are going to need this value later when you create your metadata processing profile. Leave the text editor open.

• Under Choices, select and copy the default value that you want to use (such as People & Blogs or Science & Technology).

  Paste the copied value into the open text editor. You are going to need this value later when you create your metadata processing profile. Leave the text editor open.

Under the YouTube Publishing heading, tap YouTube Privacy. (Do not tap the YouTube Privacy drop-down list.)

On the right side of the page, under the Settings tab, do the following:

• In the Field Label text field, select and copy the value.

  Paste the copied value into an open text editor. You are going to need this value later when you create your metadata processing profile. Leave the text editor open.

• In the Map to property text field, select and copy the value.

  Paste the copied value into the open text editor. You are going to need this value later when you create your metadata processing profile. Leave the text editor open.

• Under Choices, select and copy the default value that you want to use. Notice that the Choices are grouped in pairs of two. The bottom field in the pair is the default value that you want to copy, such as public, unlisted, or private.

  Paste the copied value into the open text editor. You are going to need this value later when you create your metadata processing profile. Leave the text editor open.

Near the upper-right corner of the Metadata Schema Editor page, tap Cancel.

In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Metadata Profiles.

On the Metadata Profiles page, near the upper-right corner of the page, tap Create. In the Add Metadata Profile dialog box, in the Profile title text field, enter the name YouTube Video.

On the Metadata Profile Editor page, tap the Advance tab.

Add the copied YouTube Publishing values to the profile by doing the following:

• On the right side of the page, tap the Build Form tab.
• Drag the component labeled Section Header to the left and drop it in the form area.
• Tap Field Label to select the component.
• On the right side of the page, under the Settings tab, in the Field Label text field, enter YouTube Publishing.
• Tap the Build Form tab, then drag the component labeled Single Line Text and drop it below the YouTube Publishing heading that you just created.
• Tap Field Label to select the component.
• On the right side of the page, under the Settings tab, paste the YouTube Publishing values (Field Label value and Map to property value) that you copied earlier, into their respective fields on the form. Paste the Choices value into the Default Value field.

Add the copied YouTube Privacy values to the profile by doing the following:

• On the right side of the page, tap the Build Form tab.
• Drag the component labeled Section Header to the left and drop it in the form area.
• Tap Field Label to select the component.
• On the right side of the page, under the Settings tab, in the Field Label text field, enter YouTube Privacy.
• Tap the Build Form tab, then drag the component labeled Single Line Text and drop it below the YouTube Privacy heading you just created.
• Tap Field Label to select the component.
• On the right side of the page, under the Settings tab, paste the YouTube Publishing values (Field Label value and Map to property value) that you copied earlier, into their respective fields on the form. Paste the Choices value into the Default Value field.

Near the upper-right corner of the page, tap Save.

Apply the YouTube Publishing metadata profile to the folders where you are going to upload videos. You will need to have both the Metadata Profile and the Video Profile set.

See Metadata Profiles and Video Profiles.

In AEM, navigate to a video asset that you want to publish to your YouTube channel.

Select the video asset.

Regardless of the video asset that you select–such as the original source video or an encoded rendition of it–the original source video always gets uploaded.

On the toolbar, tap Properties.

In the Basic tab, under the Metadata heading, tap Browse to the right of the Tags field.

On the Select Tags page, navigate to the tags you want to use, and then select one or more tags.

In the upper-right corner of the page, tap the Confirm icon.

In the upper-right corner of the video’s properties page, tap Save.

On the toolbar, tap Publish > Publish.

You can optionally verify the published video on your YouTube channel.

Navigate to the YouTube published video asset whose URL you want to copy, then select it.

Remember that YouTube URLs are only available to copy after you have first published the video assets to YouTube.

On the toolbar, tap Properties.

Tap the Advanced tab.

Under the YouTube Publishing heading, in the YouTube URL List, select and copy the URL text to your web browser to preview the asset or to add to your web content page.

View video encoding progress in your assets folder:

• In Card View, video encoding progress displays on the asset by percent. If there is an error, this information also displays on the asset.

  

• In List View, video encoding progress displays in the Processing Status column. If there is an error, this message displays in that same column.

  

  This column does not display by default. To enable the column, select View Settings from the Views drop-down menu, and add the Processing Status column and tap Update.

  

View progress in the asset details. When you tap an asset, open the drop-down menu and select Timeline. To narrow it down to workflow activities like encoding or YouTube publishing, select Workflows.

Any workflow information such as encoding displays in the timeline. For YouTube publish, the Workflow timeline also includes the name of the YouTube channel and the YouTube video URL. In addition, you see any failure notifications in the Workflow timeline.

For workflows in progress, see Workflow Instances available from Tools > Workflow > Instances.

Select the instance and tap Open History.

From the Workflow Instances area, you can also suspend, terminate, or rename workflows. See Administering workflows for more information.

For failed jobs, see Workflow Failures available from Tools > Workflow > Failures. The Workflow Failure lists all failed workflow activities.

For completed workflows, see Workflow Archive available from Tools > Workflow > Archive. The Workflow Archive lists all completed workflow activities.

You may need administrative rights to access the Tools menu.

You may receive email notifications about aborted or failed workflow jobs. These email notifications are configurable by an administrator.
See Configuring email notifications.

In AEM, select Tools > Workflow > Models.

Select the Publish to YouTube workflow, then tap Edit.

Right-click the YouTube Upload workflow step, then tap Edit.

Tap the Arguments tab.

You can select or clear the following check boxes:

• Publish Start
• Publish Failure
• Publish Completion, which includes information on channels and URLs

Clearing a check box means that you will not receive the specified email notification from the YouTube Publish workflow.

In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Video Reports.

On the Video Reports page, do one of the following:

• Near the upper-right corner, tap the Refresh Video Report icon.

  You only need to use Refresh if the end date of the report is the current day. This ensures that you see the video tracking that has occurred since the last time you ran the report.

• Near the upper-right corner, tap the Date Picker icon.

  Specify the beginning and end date range for which you want video data, and then tap Run Report.

The Top Metrics group box identifies various aggregate measurements for all published videos across your site.

In the table that lists the top published videos, tap a video name to play the video and also see the video’s audience retention (drop-off) report.

Navigate to any published video asset.

Near the upper-left corner of the asset’s page, from the drop-down list, select Viewers.

Select any video viewer preset and copy the embed code.

In the embed code, find the line with the following:

videoViewer.setParam("config2", "<value>");

The config2 parameter enables tracking in HTML5 Viewers. It is also a company-specific preset that contains the configuration information for Video Reporting, and for customer-specific Adobe Analytics configurations.

The correct value for the config2 parameter is found in both the Embed Code and in the copy URL function. In the URL from the copy URL command, the parameter to look for is &config2=<value> . The value is almost always companypreset, but in some instances it can also be companypreset-1, companypreset-2, and so forth.

In your custom video viewer code, add AppMeasurementBridge .jsp to the viewer page by doing the following:

• First, determine if you need the &preset parameter.

  If the config2 parameter is companypreset, you do not need &preset=parameter.

  If config2 is anything else, set the preset parameter the same as the config2 parameter. For example, if config2=companypreset-2, add &param2=companypreset-2 to the AppMeasurmentBridge.jsp URL.

• Then, add the AppMeasurementBridge.jsp script:

  <script language="javascript" type="text/javascript" src="https://s7d1.scene7.com/s7viewers/AppMeasurementBridge.jsp?company=robindallas&preset=companypreset-2"></script>

Create the TrackingManager component by doing the following:

• After calling s7sdk.Util.init(); create a TrackingManager instance to track events by adding the following:

  var trackingManager = new s7sdk.TrackingManager();

• Connect components to TrackingManager by doing the following:

  In the s7sdk.Event.SDK_READY event handler, attach the component you want to track to the TrackingManager.

  For example, if the component is videoPlayer, add

  trackingManager.attach(videoPlayer);

  to attach the component to the trackingManager. To track multiple viewers on a page, use multiple tracking mangaer components.

• Create the AppMeasurementBridge object by adding the following:

  code language-none
  var appMeasurementBridge = new AppMeasurementBridge(); appMeasurementBridge.setVideoPlayer(videoPlayer);

• Add the tracking function by adding the following:

  code language-none
  trackingManager.setCallback(appMeasurementBridge.track, appMeasurementBridge);

The appMeasurementBridge object has a built-in track function. However, you can provide your own to support multiple tracking systems or other functionality.

Use a third-party application or service to create your video caption/subtitle file.

Ensure that the file you create follows the WebVTT (Web Video Text Tracks) standard. The captioning filename extension is .vtt. You can learn more information about the WebVTT captioning standard.

See WebVTT: The Web Video Text Tracks format.

There are both free and premium tools and services that you can use to author caption/subtitle files outside Dynamic Media. For example, to create a simple video caption file with no styling, you can use the following free online caption authoring and editing tool:

WebVTT Caption Maker

For best results, use the tool in Internet Explorer 9 or above, Google Chrome, or Safari.

In the tool, in the Enter URL of video file field, paste the copied URL of your video file and then tap Load. See Obtaining a URL for an Asset to get the URL to the video file itself which you can then paste into the Enter URL of video file field. Internet Explorer, Chrome, or Safari can then natively play back the video.

Now follow the onscreen instructions from the site to author and save your WebVTT file. When you have finished, copy the caption file contents and paste it into a plain text editor and save it with a .vtt filename extension.

Generally, you want to name the caption VTT file the same name as the video file, and append it with the language locale, such as -EN, or -FR, or -DE, and so on. By doing so, it can help you with automating the generation of the video URLs using your existing web content management system.

In AEM, upload your WebVTT caption file into DAM.

Navigate to the published video asset that you want to associate with the caption file that you uploaded.

Remember that URLs are only available to copy after you have first published the assets.

See Publishing Assets.

Do one of the following:

• For a pop-up video viewer experience, tap URL. In the URL dialog box, select and copy the URL to the Clipboard and then past the URL into a simple text editor. Append the copied URL of the video with the following syntax:

  &caption=<server_path>/is/content/<path_to_caption.vtt_file,1>

  Note the ,1 at the end of the caption path. Immediately following the .vtt filename extension in the path, you have the option to enable (turn on) or disable (turn off) the closed caption button on the video player bar by setting to ,1 or ,0, respectively.

• For an embedded video viewer experience, tap Embed Code. In the Embed Code dialog box, select and copy the embed code to the Clipboard and then paste the code into a simple text editor. Append the copied embed code with the following syntax:

  videoViewer.setParam("caption","<path_to_caption.vtt_file,1>");

  Note the ,1 at the end of the caption path. Immediately following the .vtt filename extension in the path, you have the option to enable (turn on) or disable (turn off) the closed caption button on the video player bar by setting to ,1 or ,0, respectively.

Using a simple text editor outside AEM, create your video chapter file.

For global support of video chapters in languages other than English, be aware that the WebVTT standard requires that you create separate .vtt files and calls for each language you want to support.

Save the .vtt file in UTF8 encoding to avoid problems with character rendition in the chapter title text.

Generally, you want to name the chapter VTT file the same name as the video file, and append it with chapters. By doing so, it can help you with automating the generation of the video URLs using your existing web content management system.

In AEM, upload your WebVTT chapter file.

See Uploading Assets.

Do one of the following:

Navigate to an uploaded video asset that you want to add a video thumbnail.

In asset selection mode either from the List View or the Card View, tap the video asset.

On the toolbar, tap the View Properties icon (a circle with an “i” in it).

On the video’s Properties page, tap Change Thumbnail.

On the Change Thumbnail page, on the toolbar, tap Select Frame.

Dynamic Media generates a series thumbnail images from your video, based on the default time interval or time interval you customized.

Preview the generated thumbnail images, then select the one you want to add to your video.

Tap Save Change.

The video’s thumbnail image is updated to use the thumbnail you selected. If you later decide to change the thumbnail image, you can return to the Change Thumbnail page and select a new one.

If you configured new default time intervals, or you uploaded a new video to replace the existing video, you will need to have Dynamic Media regenerate the thumbnails.

See Configuring the default time interval that video thumbnails are generated.

In AEM, tap Tools > General > CRXDE Lite.

In the CRXDE Lite page, in the directory panel on the left, navigate t o etc/dam/imageserver/configuration/jcr:content/settings.

if the directory panel is not visible, you may need to tap the >> icon to the left of the Home tab.

On the lower-right panel, in the Properties tab, double-tap thumbnailtime.

In the Edit thumbnailtime dialog box, use the text fields to enter interval values as percentages.

• Tap the plus sign (+) icon to add one or more interval value fields. You may need to scroll to the bottom of the dialog box to see the icon.
• Tap the minus sign (-) icon to the right of an interval value field to delete it from the list.
• Tap the up arrow icon and the down arrow icon to reorder the interval values.

Tap OK to return to the Properties tab.

Near the upper-left corner of the CRXDE Lite page, tap Save All, then tap the Back Home icon in the upper-left corner to return to AEM.

See Adding a video thumbnail.

Navigate to an uploaded video asset that you want to add a video thumbnail.

In asset selection mode either from the List View or the Card View, tap the video asset.

On the toolbar, tap the View Properties icon (a circle with an “i” in it).

On the video’s Properties page, tap Change Thumbnail.

On the Change Thumbnail page, on the toolbar, tap Upload New Thumbnail.

Navigate to a thumnail image you want to use, select it, then tap Open to begin uploading the image into AEM

After the image is successfully uploaded, in the Change Thumbnail page, tap Save Changes.

The custom thumbnail is added to your video.