Skip to content

Commit 577dc64

Browse files
authored
Merge pull request #109077 from IngridAtMicrosoft/amp-wirecast-images
Amp wirecast images
2 parents e5f3f5f + 43e632e commit 577dc64

25 files changed

+42
-21
lines changed

articles/media-services/latest/live-events-wirecast-quickstart.md

Lines changed: 42 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ ms.service: media-services
66
ms.topic: quickstart
77
ms.author: inhenkel
88
author: IngridAtMicrosoft
9-
ms.date: 03/06/2020
9+
ms.date: 03/25/2020
1010
---
1111

1212
# Create a Azure Media Services Live stream with the portal and Wirecast
@@ -38,13 +38,18 @@ To keep things simple, we will use an encoding preset for Azure Media Services i
3838

3939
## Setting up an Azure Media Services live stream
4040

41-
1. Once you have navigated to the Azure Media Services account within the portal, select **Live streaming** from the Media Services listing.
42-
1. Click on **Add live event** to create a new live streaming event.
43-
1. Enter a name for your new event such as *TestLiveEvent* in the Live event **Name** field.
41+
1. Once you have navigated to the Azure Media Services account within the portal, select **Live streaming** from the Media Services listing.<br/>
42+
![Select Live streaming link](media/live-events-wirecast-quickstart/select-live-streaming.png)<br/>
43+
1. Click on **Add live event** to create a new live streaming event.<br/>
44+
![Add live event icon](media/live-events-wirecast-quickstart/add-live-event.png)<br/>
45+
1. Enter a name for your new event such as *TestLiveEvent* in the Live event **Name** field.<br/>
46+
![Live event name text field](media/live-events-wirecast-quickstart/live-event-name.png)<br/>
4447
1. Enter an optional description of the event in the **Description** field.
45-
1. Select the **Pass-through – no cloud encoding** radio button.
46-
1. Select the **RTMP** radio button.
48+
1. Select the **Pass-through – no cloud encoding** radio button.<br/>
49+
![Cloud encoding radio button](media/live-events-wirecast-quickstart/cloud-encoding.png)
50+
1. Select the **RTMP** radio button.
4751
1. Make sure that the **No** radio button is selected for Start live event, to prevent being billed for the live event before it is ready. (Billing will begin once the live event is started.)
52+
![Start live event radio button](media/live-events-wirecast-quickstart/start-live-event-no.png)<br/>
4853
1. Click the **Review + create** button to review the settings.
4954
1. Click the **Create** button to create the live event. You will then be returned to the live event listing view.
5055
1. Click on the **link to the live event** you just created. Notice that your event is stopped.
@@ -53,20 +58,28 @@ To keep things simple, we will use an encoding preset for Azure Media Services i
5358
## Setting up a live stream with Wirecast Studio
5459

5560
1. Assuming that you still have the Wirecast application open, select **Create Empty Document** from the main menu, then click **Continue**.
56-
1. Hover over the first layer in the Wirecast layers area. Click the **Add** icon that appears and select the video input you want to stream. The Master Layer 1 dialogue box will open.
57-
1. Select **Video capture** from the menu and then select the camera that you want to use. The view from the camera will appear in the Preview area.
61+
![Wirecast start screen](media/live-events-wirecast-quickstart/open-empty-document.png)
62+
1. Hover over the first layer in the Wirecast layers area. Click the **Add** icon that appears and select the video input you want to stream. The Master Layer 1 dialogue box will open.<br/>
63+
![Wirecast add icon](media/live-events-wirecast-quickstart/add-icon.png)
64+
1. Select **Video capture** from the menu and then select the camera that you want to use. If selecting a camera, the view from the camera will appear in the Preview area.
65+
![Wirecast video shot selection screen](media/live-events-wirecast-quickstart/video-shot-selection.png)
5866
1. Hover over the second layer in the Wirecast layers area. Click the **Add** icon that appears and select the audio input you want to stream. The Master Layer 2 dialogue box will open.
59-
1. Select **Audio capture** from the menu and then select the audio input that you want to use.
67+
1. Select **Audio capture** from the menu and then select the audio input that you want to use.
68+
![Wirecast audio shot selection screen](media/live-events-wirecast-quickstart/audio-shot-select.png)
6069
1. From the main menu, select **Output settings**. The Output dialog box will appear.
61-
1. Select **Azure Media Services** from the output dropdown. The output setting for Azure Media Services will auto populate *most* of the output settings.
70+
1. Select **Azure Media Services** from the output dropdown. The output setting for Azure Media Services will auto populate *most* of the output settings.<br/>
71+
![Wirecast output settings screen](media/live-events-wirecast-quickstart/azure-media-services.png)
6272
1. In the next section, you will go back to Azure Media Services in your browser to copy the *Input URL* to enter into the output settings.
6373

6474
### Copy and paste the input URL
6575

66-
1. Back in the Azure Media Services page of the portal, click **Start** to start the live stream event. (Billing starts now.)
76+
1. Back in the Azure Media Services page of the portal, click **Start** to start the live stream event. (Billing starts now.)<br/>
77+
![Start icon](media/live-events-wirecast-quickstart/start.png)
6778
2. Click on the **Secure/Not secure** toggle to set it to **Not secure**. This will set the protocol to RTMP instead of RTMPS.
6879
3. Copy the **Input URL** to your clipboard.
69-
4. Switch to the Wirecast application and paste the **Input URL** into the **Address** field in the Output settings.
80+
![Input URL](media/live-events-wirecast-quickstart/input-url.png)
81+
4. Switch to the Wirecast application and paste the **Input URL** into the **Address** field in the Output settings.<br/>
82+
![Wirecast input URL](media/live-events-wirecast-quickstart/input-url-wirecast.png)
7083
5. Click **Okay**.
7184

7285
## Setting up outputs
@@ -78,30 +91,38 @@ This part will set up your outputs and enable you to save a recording of your li
7891
7992
1. Click on the **Create outputs** link below the Outputs video viewer.
8093
1. If you like, edit the name of the output in the **Name** field to something more user friendly so it is easy to find later.
94+
![Output name field](media/live-events-wirecast-quickstart/output-name.png)
8195
1. Leave all the rest of the fields alone for now.
8296
1. Click **Next** add streaming locator.
8397
1. Change the name of the locator to something more user friendly, if wanted.
98+
![Locator name field](media/live-events-wirecast-quickstart/live-event-locator.png)
8499
1. Leave everything else on this screen alone for now.
85100
1. Click **Create**.
86101

87102
## Starting the broadcast
88103

89104
1. In Wirecast, select **Output > Start / Stop broadcasting > Start Azure Media Services : Azure Media Services** from the main menu. When the stream has been sent to the live event, the Live window in Wirecast will be show up in the live event video player on the live event page in Azure Media Services.
90105

106+
![Start broadcast menu items](media/live-events-wirecast-quickstart/start-broadcast.png)
107+
91108
1. Click the **Go** button under the preview window to start broadcasting the video and audio you selected for the Wirecast layers.
92109

93-
> [!TIP]
94-
> If there is an error, try reloading the player by clicking the Reload player link above the player.
110+
![Wirecast Go button](media/live-events-wirecast-quickstart/go-button.png)
111+
112+
> [!TIP]
113+
> If there is an error, try reloading the player by clicking the Reload player link above the player.
95114
96115
## Running the default streaming endpoint
97116

98-
1. Make sure your streaming endpoint is running by selecting **Streaming endpoints** in the Media Services listing. You will be taken to the streaming endpoints page.
117+
1. Make sure your streaming endpoint is running by selecting **Streaming endpoints** in the Media Services listing. You will be taken to the streaming endpoints page.<br/>
118+
![Streaming endpoint menu item](media/live-events-wirecast-quickstart/streaming-endpoints.png)
99119
1. If the default streaming endpoint status is stopped, click on the **default** streaming endpoint. This will take you to the page for that endpoint.
100-
1. Click **Start**. This will start the streaming endpoint.
120+
1. Click **Start**. This will start the streaming endpoint.<br/>
121+
![Streaming endpoint menu item](media/live-events-wirecast-quickstart/start.png)
101122

102123
## Play the output broadcast with Azure Media Player
103124

104-
1. Copy the **Streaming URL** under the Output video player.
125+
1. Copy the **Streaming URL** under the Output video player.
105126
1. In a web browser, open the demo Azure Media Player https://ampdemo.azureedge.net/azuremediaplayer.html
106127
1. Paste the **Streaming URL** into the URL field of the Azure Media Player.
107128
1. Click the **Update Player** button.
@@ -128,17 +149,17 @@ The output you created is now available for on-demand streaming as long as your
128149

129150
## Clean up resources
130151

131-
> [!IMPORTANT]
132-
> Stop the services! Once you have completed the steps in this quickstart, be certain to stop the live event and the streaming endpoint or you will continue to be billed for the time they remain running. To stop the live event, see the Stopping the broadcast, steps 2 and 3 above.
152+
> [!IMPORTANT]
153+
> Stop the services! Once you have completed the steps in this quickstart, be certain to stop the live event and the streaming endpoint or you will continue to be billed for the time they remain running. To stop the live event, see the Stopping the broadcast, steps 2 and 3 above.
133154
134155
### Stopping the streaming endpoint
135156

136157
1. From the Media Services listing, select **Streaming endpoints**.
137158
2. Click on the **default** streaming endpoint you started earlier. This will open the endpoint's page.
138159
3. Click on **Stop**. This will stop the streaming endpoint.
139160

140-
>[!TIP]
141-
>If you don't want to keep the assets from this event, be sure to delete them in order to prevent being billed for storage.
161+
> [!TIP]
162+
> If you don't want to keep the assets from this event, be sure to delete them in order to prevent being billed for storage.
142163
143164
## Next steps
144165
> [!div class="nextstepaction"]
14.4 KB
Loading
2.33 KB
Loading
158 KB
Loading
23.6 KB
Loading
732 KB
Loading
11.4 KB
Loading
1.79 KB
Loading
2.2 KB
Loading
6.98 KB
Loading

0 commit comments

Comments
 (0)