Setup for Developing with the Cast Application Framework (CAF) for Web
Stay organized with collections
Save and categorize content based on your preferences.
The Web Sender SDK is supported on Cast-supported web browsers on Mac, Windows,
Linux, ChromeOS, and Android devices. For native mobile Cast apps see
Android Apps and
iOS Apps.
Setup
Add Web Sender API library to your project
To use the Web Sender API, include the following script in your web page:
Other than registering your Web Receiver app and device, no special setup steps
are required to use the Web Sender SDK.
To register your Web Receiver app and device follow the steps at
Registration. Once you have your application ID,
you're ready to develop your Web Sender app.
Testing Cast buttons
While your Web Sender app should have its own Cast button, a user can also
invoke the cast feature by choosing Cast from the right-click menu, as shown
here:
Your Web Sender app should handle both cases.
Chrome beta channel
A public beta channel for Chrome is also available. New versions of Chrome are
pushed to the beta channel prior to a full release; the beta channel is also
updated more often than the stable channel. This gives developers (and
passionate early adopters) advance access to new features, and allows you to
ensure that your site works with upcoming versions of Chrome.
To report issues, right-click on the Cast toolbar icon and choose "Report an
issue". We can’t respond individually to most feedback, but we greatly value
the input on the beta channel.
Before pushing updates to your live site, ensure that you test with the
current stable version of Chrome. Most visitors to your site will have the
stable version of Chrome installed, and if you depend on beta-only features,
users with the stable version will be impacted.
[null,null,["Last updated 2024-09-18 UTC."],[[["\u003cp\u003eThe Web Sender SDK enables web applications on various platforms, including Mac, Windows, Linux, ChromeOS, and Android, to cast content to Cast-supported devices, excluding iOS Chrome.\u003c/p\u003e\n"],["\u003cp\u003eTo integrate the Web Sender API, developers need to add a specific script to their web page and register their Web Receiver app and device, obtaining an application ID.\u003c/p\u003e\n"],["\u003cp\u003eWeb Sender apps should accommodate both user-initiated casting through a dedicated Cast button and the browser's right-click menu, ensuring compatibility and user experience.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can leverage the Chrome beta channel to access and test upcoming features and ensure compatibility, but should prioritize testing with the stable version for live site updates.\u003c/p\u003e\n"],["\u003cp\u003eWeb Sender apps must support HTTPS to ensure Cast functionality, as browsers are phasing out support for the Presentation API on insecure origins.\u003c/p\u003e\n"]]],[],null,["# Setup for Developing with the Cast Application Framework (CAF) for Web\n\nThe Web Sender SDK is supported on Cast-supported web browsers on Mac, Windows,\nLinux, ChromeOS, and Android devices. For native mobile Cast apps see\n[Android Apps](/cast/docs/android_sender_setup) and\n[iOS Apps](/cast/docs/ios_sender_setup).\n| **Note:** Casting is not supported on the iOS Chrome browser.\n| **Warning:** Web Sender apps need to support HTTPS to maintain Cast compatibility, as browsers have deprecated support for the `Presentation API` on insecure origins.\n\nSetup\n-----\n\n### Add Web Sender API library to your project\n\nTo use the Web Sender API, include the following script in your web page: \n\n \u003cscript src=\"//www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1\"\u003e\u003c/script\u003e\n\n| **Note:** Updates to the Web Sender SDK occur automatically for all users, and provide fixes, user-facing features, and SDK capabilities. Updates are backwards-compatible and should be transparent to your site.\n\n### Registration\n\nOther than registering your Web Receiver app and device, no special setup steps\nare required to use the Web Sender SDK.\n\nTo register your Web Receiver app and device follow the steps at\n[Registration](/cast/docs/registration). Once you have your **application ID**,\nyou're ready to develop your Web Sender app.\n\nTesting Cast buttons\n--------------------\n\nWhile your Web Sender app should have its own Cast button, a user can also\ninvoke the cast feature by choosing **Cast** from the right-click menu, as shown\nhere:\n\nYour Web Sender app should handle both cases.\n\nChrome beta channel\n-------------------\n\nA public beta channel for Chrome is also available. New versions of Chrome are\npushed to the beta channel prior to a full release; the beta channel is also\nupdated more often than the stable channel. This gives developers (and\npassionate early adopters) advance access to new features, and allows you to\nensure that your site works with upcoming versions of Chrome.\n\nTo use the public beta channel:\n\n- [Install the beta version of Chrome](https://www.google.com/chrome/browser/beta.html)\n- To report issues, right-click on the Cast toolbar icon and choose \"Report an issue\". We can't respond individually to most feedback, but we greatly value the input on the beta channel.\n- Before pushing updates to your live site, ensure that you test with the current stable version of Chrome. Most visitors to your site will have the stable version of Chrome installed, and if you depend on beta-only features, users with the stable version will be impacted."]]
