Step-by-Step: Video Cloud Studio Publishing Workflow

This topic is a companion to the Introduction to Video Cloud on-demand training course. The hands-on exercises in that training are based upon the steps in this document. It is recommended to watch that training and then use this document so you can complete the hands-on steps on your own.

Prerequisites

• A Video Cloud account — you can sign up for a trial account here.
• You should have some sample videos to use, or you can download some sample videos.

Outline

This topic walks through a basic video publishing flow for both a single video and a playlist. The following topics are covered:

• Uploading videos
• Editing video properties
• Creating and styling a player
• Publishing a video to the web
• Creating playlists
• Publishing a playlist

The Analytics module is not covered as part of this Quick Start. To learn about analytics, watch the Introduction to Video Cloud Analytics on-demand training course.

Uploading videos to Video Cloud

Before proceeding, have some sample videos ready or download the sample videos.

Sign in to your Video Cloud account

1. In a browser, navigate to https://studio.brightcove.com.
2. Enter your credentials and click Sign In.

Upload local videos to Video Cloud

1. From any module, click Upload in the top toolbar to open the Upload panel.

   

2. Select an Ingest Profile from the dropdown.
3. Click Browse for videos and select your videos, or drag your videos onto the panel. You can also click Enter URL to ingest a remote file.
4. The panel lists each video with its upload progress. While videos are processing, do not close or move away from the browser tab — doing so may interrupt the upload.
5. When processing finishes, each video shows a complete state and is safe to navigate away from.

Upload a remote video to Video Cloud

1. In the Upload panel, click Enter URL.
2. Enter the following URL to a file hosted on Amazon S3:
   http://support.brightcove.com/test-assets/videos/oystercatcher.mp4
3. Click Upload to begin the ingest.

(Optional) Upload videos from a mobile device

1. On a mobile device, open Studio at https://studio.brightcove.com.
2. Open the Upload panel from the top toolbar.
3. Select an Ingest Profile.
4. Tap Browse for videos. Your device's camera roll opens.
5. Pick a video to upload. Progress is reported in the same Upload panel.

Editing video properties

In this task you will edit video properties for a single video.

1. Click Media in the side navigation to open the Media module.
2. In the video list, click the title of a video to open its Video Properties page.

   

3. Expand the Information accordion. Set the Short Description to Pelican on the rocks.
4. In the Tags field, type birds and press Enter.
5. Click Save at the bottom of the Information accordion.
6. Use the breadcrumbs at the top of the page to return to Media.
7. Open the Oystercatcher video. In the Information accordion set the following fields, then click Save:
   • Name: Oystercatcher
   • Short Description: Oystercatcher on the beach
   • Tags: birds
8. Repeat for the Chickadee and Woodpecker videos, tagging each with birds.
9. (Optional) Tag any of the other animal videos with animals.

Creating and styling a player

In this task you will create a player and style it.

Create a new player

1. Click Players in the side navigation to open the Players module.
2. Click Add Player. The Add Player dialog opens.

   

3. Enter Custom Player for the Name and click Create.

Style the player

1. From the Players list, click the Custom Player name to open the player.
2. Confirm the Player Type shown at the top of the page is Single Video. (You can change the Player Type from the Information accordion.)
3. On the player page, expand the Styling accordion in the side panel.

   

4. Toggle on Show title and description.
5. Pick a Play Button Shape (Circle, Square, or Rectangle) and a Play Button Position.
6. Under COLOR THEME, click the Play Button color swatch and choose a shade of red.

   

7. Confirm the color update appears in the player preview at the top of the page. To start over, click Reset theme.
8. Click Publish Changes in the top action bar to publish your edits. To preview the published player or copy the embed code, click Embed & Preview instead.

Publishing a video to the web

In this task you will publish a single video to the web.

1. Click Media in the side navigation to open the Media module.
2. Select the checkbox next to the Brown Pelican video. The selection action bar appears at the bottom of the page.

   

3. Click More actions and choose Publish to Website.

   

4. The Embed on Web dialog opens.

   

5. From the Player dropdown, select Custom Player. This is the player you created earlier.
6. Click Preview or Copy URL to open the published video in a new browser tab. Confirm the video appears and plays.
7. (Optional) Email the URL to your phone, then open it on the device to confirm the video plays.
8. Click Done to close the dialog.

Creating playlists

In this task you will create a manual playlist and a smart playlist.

Create a Manual playlist

1. Click Media in the side navigation to open the Media module.
2. Switch to the Playlists tab at the top of the Media module.
3. Click Create New Playlist. The Create a playlist side panel opens.
4. Set the Playlist name to Favorites.
5. Under Playlist type, click Manual playlist.
6. Click Create playlist. The new playlist opens.
7. Toggle on Show in sidebar if you want this playlist pinned in the side navigation.

Add videos to the Manual playlist

1. Switch back to the Videos tab.
2. Select the checkbox next to each video you want to add.
3. In the selection action bar, click Add to playlist.
4. Pick the Favorites playlist and click Add.
5. Switch to the Playlists tab and open Favorites to confirm the videos were added.
6. Reorder videos by dragging a row to a new position in the list.

Create a Smart playlist

1. On the Playlists tab, click Create New Playlist again.
2. Set the Playlist name to Birds.
3. Under Playlist type, click Smart playlist.
4. Click Create playlist. The playlist opens with the smart-playlist filter editor.
5. Set the Parameter to Tags.
6. Set the operator to Match any.
7. Enter birds for the tag and press Enter.
8. Click Apply. The matching videos appear in the playlist preview.
9. Open the Information accordion if you want to toggle Show in sidebar.
10. Confirm the bird videos appear in the playlist.

Publishing a playlist

In this task you will create a playlist-aware player, then publish a playlist with it.

Create a player that supports playlists

1. Click Players in the side navigation to open the Players module.
2. Click Add Player. Name the player Playlist Player and click Create.
3. From the Players list, click the Playlist Player name to open the player.
4. Expand the Information accordion. Change Player Type to Playlist.
5. Set the Aspect Ratio to 16:9 and the Width to 640 px.
6. Expand the Styling accordion. Under Playlist Type, choose On the side (vertical layout).
7. Expand the Playback accordion. Toggle on Play video when selected and Continuous play mode.
8. Click Publish Changes in the top action bar.

Publish the playlist

1. Click Media in the side navigation.
2. Switch to the Playlists tab.
3. Select the checkbox next to the Birds playlist.
4. In the selection action bar click More actions > Publish to Website.
5. From the Player dropdown in the Embed on Web dialog, select Playlist Player.
6. Click Preview or Copy URL. The playlist player opens in a new browser tab. Confirm the playlist player appears and that videos play.
7. (Optional) Email the URL to your phone and confirm the playlist works on the device.