# Connecting from custom Sender applications on Web
In general, the following flow should be followed:
1. Set up Google Cast context with correct receiver application ID.
2. Connect to Chromecast device.
3. Set up Google Cast MediaInfo object with correct contentID and contentType.
4. Send Google Cast LoadRequest with a serialized THEOplayer SourceDescription object as a key in the customData of the LoadRequest. So something like `{sourceDescription: ${SourceDescription you want to cast}}`.
## Usage
The following web page should suffice:
```html
Title
```
Load this in Google Chrome, connect to a Chromecast device, and then you can do the following:
```js
startCasting({
sources: [
{
src: 'https://amssamples.streaming.mediaservices.windows.net/622b189f-ec39-43f2-93a2-201ac4e31ce1/BigBuckBunny.ism/manifest(format=mpd-time-csf)',
type: 'application/dash+xml',
contentProtection: {
widevine: {
licenseAcquisitionURL: 'https://amssamples.keydelivery.mediaservices.windows.net/Widevine/?KID=1ab45440-532c-4399-94dc-5c5ad9584bac',
},
},
},
],
});
```
This will start playback.
## Related articles
* [How can we track the first play(ing) event?](https://optiview.dolby.com/docs/theoplayer/how-to-guides/web/player/track-first-playing-event.md)
* [How to start with a specific quality?](https://optiview.dolby.com/docs/theoplayer/how-to-guides/web/media-tracks/start-with-specific-quality.md)
* [Pass subtitle selection on to Chromecast](https://optiview.dolby.com/docs/theoplayer/how-to-guides/web/cast/chromecast/pass-subtitle-section-on-to-chromecast.md)
* [How to know whether a live stream is playing?](https://optiview.dolby.com/docs/theoplayer/faq/how-to-know-when-livestream-is-playing.md)
* [Getting started on Chromecast](https://optiview.dolby.com/docs/theoplayer/getting-started/sdks/chromecast/getting-started.md)