Màn hình thông minh
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.
Màn hình thông minh đưa các thiết bị trực quan đến môi trường nhà của người dùng. Hãy trở thành một phần trong thói quen hằng ngày của người dùng bằng cách tạo một Hành động giúp nâng cao năng suất hoặc nội dung giải trí tại nhà, kèm theo hình ảnh phong phú.
Tạo câu trả lời đa dạng thức cho Màn hình thông minh
Actions on Google cung cấp câu trả lời nhiều định dạng được tối ưu hoá cho Màn hình thông minh. Bạn có thể tạo hoạt động tương tác trực quan cho Hành động của mình bằng cách sử dụng các thành phần như:
Ngoài ra, bạn cũng có thể tạo giao diện tuỳ chỉnh để tuỳ chỉnh sâu hơn giao diện của Hành động.
Mô-đun
Ngay cả khi thiết bị có màn hình, hãy nhớ rằng phương thức chính dành cho người dùng là ưu tiên giọng nói. Hãy nhớ thiết kế phản hồi chi tiết để hỗ trợ lệnh gọi thoại.
Để phát hiện tình trạng có sẵn của màn hình và phương thức nhập trên Màn hình thông minh, bạn có thể sử dụng mã sau:
- Có màn hình:
if (conv.screen)
- Sử dụng phương thức thoại:
if (conv.input.type === 'VOICE')
- Sử dụng phương thức chạm:
if (conv.input.type === 'TOUCH')
- Sử dụng phương thức bàn phím:
if (conv.input.type === 'KEYBOARD')
Mẹo và các phương pháp hay nhất
- Sử dụng phản hồi đa dạng thức và tính năng tuỳ chỉnh giao diện để khai thác tối đa màn hình.
Nếu bạn đang phát nội dung nghe nhìn, hãy cân nhắc sử dụng phản hồi nội dung nghe nhìn.
Hãy nghĩ về môi trường của người dùng và cách Hành động của bạn có thể giúp tăng năng suất làm việc cho gia đình của họ.
Tính năng liên kết ra web từ màn hình thông minh hiện chưa được hỗ trợ.
Thử những Hành động sau
Thử mẫu này
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-07-25 UTC.
[null,null,["Cập nhật lần gần đây nhất: 2025-07-25 UTC."],[[["\u003cp\u003eSmart Displays are visual-forward devices used in homes, and developers can create Actions for in-home productivity or entertainment with rich visuals.\u003c/p\u003e\n"],["\u003cp\u003eActions on Google offers rich responses such as basic cards, lists, carousels, and more, that are optimized for Smart Displays, allowing for visual interactions.\u003c/p\u003e\n"],["\u003cp\u003eWhile Smart Displays have screens, the primary user modality is voice, so rich responses should be designed with voice invocation in mind.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers should leverage rich responses and theme customization to enhance the visual experience and consider the user's home environment when designing their Action.\u003c/p\u003e\n"],["\u003cp\u003eMedia responses are ideal for Actions involving media playback, but developers should ensure their Action requires media playback support and remember that web linking from Smart Displays is currently not supported.\u003c/p\u003e\n"]]],[],null,["# Smart displays\n\nSmart Displays bring visual-forward devices into users' home environments. Be a\npart of your users' daily routine, by creating an Action that helps with in-home\nproductivity or entertainment, accompanied by rich visuals.\n\nBuild rich responses for Smart Displays\n---------------------------------------\n\nActions on Google provides [rich responses](/assistant/conversational/df-asdk/rich-responses) that are optimized for Smart Displays. You can build visual interactions for your Actions using components such as:\n\n- [basic cards](/assistant/conversational/df-asdk/rich-responses#basic_card)\n- [lists](/assistant/conversational/df-asdk/responses#list)\n- [table cards](/assistant/conversational/df-asdk/rich-responses#table_cards)\n- [carousels](/assistant/conversational/df-asdk/selection-responses#carousel)\n- [suggestion chips](/assistant/conversational/df-asdk/rich-responses#suggestion_chips)\n\nIn addition, you can also create [custom themes](/assistant/conversational/df-asdk/rich-responses#customizing_your_responses) to more deeply customize your\nAction's look and feel.\n\nModalities\n----------\n\nEven if the device has a display, remember that the primary modality for users\nis voice-first. Make sure to design your rich responses specifically to support\nvoice invocation.\n\nTo detect the availability of a screen and the [input modality](/assistant/conversational/webhook/reference/rest/Shared.Types/InputType) on a Smart\nDisplay, you can use the following code:\n\n- **Has screen** : `if (conv.screen)`\n- **Uses voice modality** : `if (conv.input.type === 'VOICE')`\n- **Uses touch modality** : `if (conv.input.type === 'TOUCH')`\n- **Uses keyboard modality** : `if (conv.input.type === 'KEYBOARD')`\n\nTips \\& best practices\n----------------------\n\n- Use [rich responses](/assistant/conversational/df-asdk/rich-responses) and [theme customization](/assistant/conversational/df-asdk/rich-responses#customizing_your_responses) to make the most out of the screen.\n- If you're playing media, consider using [media responses](/assistant/conversational/df-asdk/rich-responses#media_responses).\n\n | **Note:** Not all devices support media playback. Make sure to [configure your\n | Action to require media playback support](/assistant/conversational/df-asdk/surface-capabilities#surface_capabilities_for_actions) in the Actions console.\n- Think about the user's environment and how your Action can add to their home\n productivity.\n\n- Linking out to the web from smart displays is currently not supported.\n\nTry these Actions\n-----------------\n\n- [SongPop](//assistant.google.com/services/a/uid/000000d630f56867)\n- [HeadSpace](//assistant.google.com/services/a/uid/000000addca8c8f3)\n- [Jeopardy](//assistant.google.com/services/a/uid/00000076d5b94d46)\n- [Mad Libs](//assistant.google.com/services/a/uid/0000001e90753a94)\n\nTry this sample\n---------------\n\n- [Dialogflow conversation components sample](//github.com/actions-on-google/dialogflow-conversation-components-nodejs)"]]
