Thiết lập để phát triển bằng Khung ứng dụng truyền (CAF) dành cho web
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Web Sender SDK được hỗ trợ trên các trình duyệt web hỗ trợ Cast trên Mac, Windows,
Thiết bị Linux, ChromeOS và Android. Đối với ứng dụng Truyền gốc dành cho thiết bị di động, hãy xem
Ứng dụng Android và
Ứng dụng iOS.
Thiết lập
Thêm thư viện Web Sender API vào dự án của bạn
Để sử dụng Web Sender API, hãy đưa tập lệnh sau vào trang web của bạn:
Không có bước thiết lập đặc biệt nào ngoài việc đăng ký ứng dụng và thiết bị Trình nhận web
bắt buộc phải sử dụng SDK Trình gửi web.
Để đăng ký thiết bị và ứng dụng Trình nhận web, hãy làm theo các bước tại
Đăng ký. Sau khi có mã ứng dụng,
bạn đã sẵn sàng phát triển ứng dụng Web Sender của mình.
Kiểm thử nút Truyền
Mặc dù ứng dụng Trình gửi web của bạn nên có nút Truyền riêng, người dùng cũng có thể
gọi tính năng truyền bằng cách chọn Truyền trong trình đơn nhấp chuột phải như minh hoạ
tại đây:
Ứng dụng Web Sender của bạn sẽ xử lý được cả hai trường hợp.
Kênh thử nghiệm beta của Chrome
Chúng tôi cũng cung cấp kênh thử nghiệm công khai cho Chrome. Các phiên bản Chrome mới là
được đẩy lên kênh thử nghiệm beta trước khi phát hành bản đầy đủ; kênh thử nghiệm beta cũng
được cập nhật thường xuyên hơn so với kênh chính thức. Điều này mang lại cho nhà phát triển (và
những người sử dụng sớm đam mê) tiếp cận các tính năng mới đồng thời cho phép bạn
đảm bảo rằng trang web của bạn hoạt động với các phiên bản Chrome sắp tới.
Để báo cáo sự cố, hãy nhấp chuột phải vào biểu tượng thanh công cụ Truyền rồi chọn "Báo cáo
". Chúng tôi không thể trả lời riêng cho hầu hết ý kiến phản hồi, nhưng chúng tôi đánh giá cao
đầu vào trên kênh thử nghiệm beta.
Trước khi phát hành bản cập nhật cho trang web đang hoạt động, hãy nhớ kiểm thử bằng
phiên bản ổn định hiện tại của Chrome. Hầu hết khách truy cập vào trang web của bạn sẽ có
phiên bản ổn định của Chrome và nếu bạn phụ thuộc vào các tính năng chỉ dành cho phiên bản beta,
người dùng có phiên bản ổn định sẽ bị ảnh hưởng.
[null,null,["Cập nhật lần gần đây nhất: 2024-09-09 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."]]