Google Cast 플랫폼 사용자 환경
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Google Cast를 사용하면 Android, iOS, Chrome 웹 앱에서 동영상, 오디오, 화면 공유 (미러링)와 같은 콘텐츠를 다음과 같은 Cast 지원 기기로 '스트리밍'할 수 있습니다.
- Google Chromecast
- Google Cast와 호환되는 TV
- Google Cast와 호환되는 스피커
- 스마트 디스플레이 (씬 클라이언트로 사용되는 휴대용 터치 스크린 LCD 모니터)
- Android 태블릿
Google Cast 상호작용 모델에서 휴대전화, 태블릿, 노트북은 재생을 제어하는 리모컨 역할을 하는 발신자이고, TV, 디스플레이 또는 도킹된 태블릿은 발신자로부터 안내를 수신하고 수신자의 인터넷 연결을 통해 콘텐츠를 표시하는 수신기입니다. 모든 사용자 작업 (탭 및 스와이프)은 발신기 기기 또는 웹 수신기 양쪽에서 발생할 수 있습니다.
전송은 두 개 이상의 화면(전송자 UI 및 수신자 UI) 간의 조정을 기반으로 하며, 이러한 화면은 함께 작동해야 합니다. 예를 들어 휴대기기에서 버튼을 눌러 콘텐츠를 일시중지하면 TV에 일시중지되었음을 나타내는 표시가 표시되고 휴대기기에는 재생을 재개할 수 있는 재생 버튼이 표시됩니다.
고려사항
하드웨어 및 리소스 제한으로 인해 Google Cast 지원 애플리케이션에는 다음과 같은 제한사항이 적용됩니다.
- Cast 기기는 메모리, CPU, GPU에 제한이 있는 저성능 기기이므로 웹 수신기 애플리케이션은 최대한 가벼워야 합니다.
- Cast 및 Google Cast 상호작용 모델의 경우 탭, 창 또는 팝업을 웹 수신기 또는 전송기 앱 모두에서 만들 수 있으며 탭 또는 스와이프와 같은 사용자 입력을 직접 수락할 수도 있습니다. 예를 들어 도킹된 태블릿 또는 디스플레이의 웹 수신기 앱은 일시중지 버튼을 표시하고 사용자의 탭을 수신할 수 있습니다. 이렇게 하면 애플리케이션의 모든 작업이 웹 수신기 또는 발신자 애플리케이션에서 트리거되어야 합니다.
- 스마트 디스플레이는 발신자 앱을 통한 사용자 입력 또는 UI 터치를 통해 사용자 입력을 지원합니다.
- 웹 수신기는 동영상 재생에 최적화된 Chrome 브라우저입니다. 따라서 WebGL 및 Chrome 네이티브 클라이언트 (NaCL)는 현재 지원되지 않으며 Chrome 확장 프로그램도 지원되지 않습니다.
- 전송은
<audio> 및 <video> 태그에서 단일 동시 미디어 스트림 재생을 지원하거나 WebAudio API를 사용하는 여러 오디오 트랙을 지원합니다. DOM에서는 항상 하나의 동영상 요소만 활성화할 수 있습니다.
또한 동영상 합성, 조작, 변환, 회전, 확대/축소도 지원되지 않습니다.
전반적인 디자인 원칙
사용자 인터페이스를 개발할 때는 다음 사항에 유의하세요.
웹 수신기 인터페이스:
- 웹 수신기에는 대화형 요소와 정보 요소가 모두 포함될 수 있으며, 이러한 요소는 일시중지 또는 재생, 오류 메시지와 같이 앱의 상태를 설명합니다. 사용자 상호작용은 Cast 송신기 (휴대전화, 태블릿, Chrome 브라우저) 또는 웹 수신기 (TV, 디스플레이, 태블릿)에서 발생할 수 있습니다.
- 동영상 작업은 TV 화면 중간에서 발생하고 UI 요소가 프레젠테이션을 방해해서는 안 됩니다. UI 요소를 웹 수신기 디스플레이의 하단 3분의 1 내에 배치하고, 오버스캔이 발생할 수 있으므로 화면 가장자리에서 10%의 여백을 둡니다.
- 가능하면 한 화면 상태에서 다른 화면 상태로의 전환이 원활하고 영화 같은 느낌을 주어야 합니다. 상태에서 급격한 이동 대신 페이드 인 및 페이드 아웃과 같은 전환을 사용합니다. 예를 들어 콘텐츠 로드 상태가 화면에 머물러 있다가 미디어 재생 환경으로 사라집니다.
발신자 인터페이스:
- 발신자가 사용자 작업을 지원하고 웹 수신기가 상태 정보를 표시합니다.
예를 들어 콘텐츠가 일시중지된 경우 TV는 일시중지되었음을 나타내고 휴대기기는 재생을 시작할 준비가 되었음을 나타냅니다 (예: 사용자에게 재생 버튼 표시).
- 속도가 중요합니다. 사용자가 전송 컨트롤을 빠르게 찾고 콘텐츠가 대형 화면에서 즉시 재생되는 것을 확인할 수 있어야 합니다. 콘텐츠가 로드되는 동안 애니메이션 로딩 표시기를 제공하고 전환을 사용하면 화면이 더욱 빠르게 움직이는 듯한 느낌을 줄 수 있습니다.
Cast 애플리케이션이 이러한 원칙을 준수하는지 확인하는 가장 쉬운 방법은 Cast 디자인 체크리스트를 사용하여 사용자 인터페이스를 검토하고 Cast 애플리케이션을 테스트하는 것입니다.
브랜드 가이드라인
다음 Google Cast 브랜드 가이드라인은 앱 개발자를 대상으로 하며 텍스트로 앱을 설명할 때 준수해야 하는 추가 요구사항에 중점을 둡니다.
Cast 기기 브랜드 가이드라인은 파트너 마케팅 허브를 참고하세요.
'Google Cast 지원'이라는 용어를 사용하여 앱이 Google Cast와 호환된다고 알릴 수 있습니다. 단, 앱이 Cast SDK 추가 개발자 서비스 약관 및 디자인 체크리스트를 준수하고 'Google Cast 지원'을 사용할 때 Google의 브랜딩 가이드라인을 준수해야 합니다.
마찬가지로 앱 또는 기기가 배지 가이드라인을 준수하는 한 Google Cast 배지를 사용할 수 있습니다. Google은 배지가 브랜드 가이드라인을 준수하지 않는 경우 배지를 수정하거나 사용 중단하도록 요청할 권리를 보유합니다.
'Google Cast' 텍스트
- 하드웨어 제품이 아닌 앱을 Cast 지원 앱으로 설명할 때는 'Google Cast 지원'이라는 문구를 사용하세요. 예: '이 앱은 Google Cast를 지원합니다.'
- Cast 호환 서드 파티 하드웨어 제품을 설명할 때는 '이 {TV}는 Google Cast와 호환됩니다', '이 {스피커}는 Google Cast와 호환됩니다'와 같이 표현하세요.
- 텍스트로 작성할 때 'Google'과 'Cast'는 대문자로 표기해야 합니다.
- 텍스트 또는 배지/로고에 'Google Cast'를 사용하는 모든 마케팅 저작물에는 다음과 같은 법적 저작자 표시를 포함해야 합니다. Google Cast는 Google LLC의 상표입니다.
- 앱 제목에 Google Cast를 넣지 마세요 (예: XYZ Google Cast 앱).
Google Cast 지원 앱 메시지
다음과 같이 앱을 홍보할 수 있습니다.
- "XYZ는 좋아하는 엔터테인먼트 콘텐츠를 휴대기기에서 TV로 스트리밍할 수 있는 Google Cast 지원 앱입니다."
- '이제 Google Cast와 호환되는 TV에서 XYZ 앱을 사용할 수 있습니다.'
- "이제 XYZ 앱을 Google Chromecast, Google Cast Audio, Google Cast와 호환되는 TV 및 스피커를 비롯한 모든 Google Cast 제품에서 사용할 수 있습니다."
- "XYZ 앱은 Google Cast를 지원하므로, Google Cast와 호환되는 좋아하는 프로그램/영화/음악/게임을 TV에서 즐길 수 있습니다."
- "이제 XYZ 앱에서 Google Cast를 지원하므로 사용자는 Google Cast와 호환되는 스마트폰의 콘텐츠를 TV로 스트리밍할 수 있습니다."
Google Cast 배지
웹사이트, 앱 스토어 등록정보, 마케팅 자료, 프로모션 자료에 'Google Cast' 배지를 사용하여 Cast 프로토콜을 사용하는 기기와의 호환성을 표시할 수 있습니다.
- 배지 이미지의 색상, 비율, 간격 또는 기타 측면을 수정하지 마세요.
- 다른 구성요소 기술 (예: 블루투스, Spotify Connect, AirPlay 등)의 로고와 함께 사용할 때는 Google Cast 배지의 크기가 같거나 더 커야 합니다.
- 배지를 페이지의 기본 요소로 만들지 마세요.
- 배지와 페이지의 다른 로고 및 아이콘 사이에 약간의 거리를 두세요.
- 흰색, 밝은 색 또는 중간 톤 배경에 사용할 때는 검은색 배지를 사용하세요.
- 검은색 또는 어두운 색조의 배경에 사용할 때는 흰색 배지를 사용하세요.
- 성인용 콘텐츠를 포함 또는 표시하거나, 도박을 홍보하거나, 폭력을 조장하거나, 증오심을 표현하거나, 21세 미만에게 담배 또는 주류를 판매하거나, 관련 법률 또는 규정을 위반하거나, 그 외 문제가 될 수 있는 페이지에는 배지를 사용해서는 안 됩니다.
배지 연결
온라인에서 사용할 경우 Google Cast 배지가 다음 중 하나로 연결되어야 합니다.
- Google의 Google Cast 지원 앱 및 제품 목록은 g.co/castapps에서 확인할 수 있습니다.
- 내가 게시한 제품 목록입니다.
- 판매자가 게시한 특정 제품 세부정보 페이지입니다.
- 내가 게시한 앱 목록
- 개발자가 Google Play 또는 Apple App Store에 게시한 특정 앱 세부정보 페이지입니다.
Google Cast 배지 애셋 다운로드
다운로드 번들에는 Portable Network Graphics (.png), Adobe Illustrator (.ai), Enapsulated Postscript (.eps) 형식이 포함되어 있습니다.
Google Cast 배지 미리보기
사용 가능한 모든 배지 및 사용 안내는 파트너 허브 배지 가이드라인 페이지를 참조하세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2025-07-25(UTC)
[null,null,["최종 업데이트: 2025-07-25(UTC)"],[[["\u003cp\u003eGoogle Cast enables streaming of content like video and audio from Android, iOS, and Chrome to compatible devices.\u003c/p\u003e\n"],["\u003cp\u003eThe sender device (phone, tablet, laptop) acts as a remote, while the receiver device (TV, speaker, display) plays the content.\u003c/p\u003e\n"],["\u003cp\u003eBoth sender and receiver UIs must be coordinated for a seamless user experience, with actions reflected on both.\u003c/p\u003e\n"],["\u003cp\u003eWeb Receiver applications should be lightweight due to device limitations, and interactive elements should be strategically placed for optimal viewing.\u003c/p\u003e\n"],["\u003cp\u003eGoogle Cast branding guidelines must be followed when promoting app compatibility, including using the approved badge and messaging.\u003c/p\u003e\n"]]],["Google Cast enables content streaming from sender devices (phones, tablets, laptops) to receiver devices (Chromecast, Cast-enabled TVs/speakers/displays). Senders act as remote controls, while receivers display content from their internet connection. Both sender and receiver UIs coordinate actions like pausing/playing. Design considerations include lightweight receiver apps, UI placement within the lower third of the screen, and smooth transitions. Apps can be described as \"Google Cast-enabled\" and use a Google Cast badge, following specific branding guidelines and linking requirements.\n"],null,["# User Experience With the Google Cast Platform\n\nGoogle Cast allows Android, iOS, and Chrome web apps to \"stream\" content ---\nlike video, audio and screen sharing (mirroring) --- to Cast-ready devices\nlike:\n\n- Google Chromecast\n- TVs that work with Google Cast\n- Speakers that work with Google Cast\n- Smart Displays (a portable touchscreen LCD monitor used as a thin client)\n- Android Tablets\n\nIn the Google Cast interaction model, the mobile phone, tablet or laptop is the\n**sender** which acts as a remote control to control the playback, and the TV,\ndisplay or docked tablet is the **receiver** which receives instructions from\nthe sender and displays the content from the receiver's Internet connection. All\nthe user actions (taps and swipes) can take place on **both** the sender device\nor the Web Receiver.\n\nCasting relies on the coordination between two or more screens; the sender UI\nand the receiver UI --- they must work together. For example, if you press a\nbutton on a mobile device to pause the content, the TV should indicate that it\nis paused, while the mobile device should provide a play button to resume\nplayback.\n\nConsiderations\n--------------\n\nDue to hardware and resource limitations, there are certain restrictions placed\non Google Cast-enabled applications:\n\n- The Cast device is a low-power device with memory, CPU and GPU limitations, so the Web Receiver application should be as lightweight as possible.\n- For Cast and Google Cast interaction models, tabs, windows or popups can be created in both the Web Receiver or sender app, as well as directly accept user input, such as taps or swipes. For example, the Web Receiver app on a docked tablet or display can display a pause button and receive a user's tap. In this way, *all* actions on the application must be triggered from either a Web Receiver or sender application.\n- Smart Displays support user input through a sender app or via touch on the UI.\n- The Web Receiver is a Chrome browser optimized for video playback. As such, WebGL and Chrome Native Client (NaCL) are not currently supported, nor are Chrome extensions.\n- Cast supports a single concurrent media stream playback in the `\u003caudio\u003e` and `\u003cvideo\u003e` tags, or multiple audio tracks using the WebAudio API. Only one video element may be active in the DOM at any time. Additionally, video compositing, manipulation, transformations, rotations or zooming are not supported.\n\nOverall design principles\n-------------------------\n\nKeep the following in mind as you develop your user interface.\n\n**Web Receiver interface:**\n\n- The Web Receiver can have both interactive elements and informational elements to describe the state of the app, such as paused or playing, or error messages. User interaction can take place on the Cast sender (phone, tablet, or Chrome browser) or the Web Receiver (TV, displays, or tablets).\n- Remember that the video action is happening in the middle of the TV screen, and your UI elements should not interfere with the presentation. Place UI elements within the lower third of the Web Receiver display, leaving a 10% margin from the edges of the screen for possible [overscan](/cast/docs/caf_receiver/customize_ui#overscan).\n- When possible, transitions from one screen state to another should be smooth and feel cinematic. Rather than abrupt moves from state to state, use transitions like fade-in and fade-out. For example, the content-loading state lingers on-screen and fades into the media playing experience.\n\n**Sender interface:**\n\n- The sender supports user actions and the Web Receiver displays state information. For example, if content is paused, the TV should indicate that it is paused, while the mobile device indicates it is ready to start playing (for example, showing the user a play button).\n- Speed matters. Users need to be able to quickly locate the casting control and see content start playing immediately on the large screen. While content is loading, provide animated loading indicators and use transitions to help make things feel faster.\n\nThe easiest way to ensure that your Cast application follows these principles is\nto review your user interface with the Cast [Design Checklist](/cast/docs/design_checklist)\nand [test your Cast applications](/cast/docs/testing).\n\nBrand guidelines\n----------------\n\nThe following Google Cast brand guidelines are for app developers and focus on\nthe additional requirements you must comply with to describe your app in text.\nFor Cast devices brand guidelines see the\n[Partner Marketing Hub](https://partnermarketinghub.withgoogle.com/brands/google-cast/overview/brand-introduction/).\nYou can let others know that your app works with Google Cast by using\nthe term \"Google Cast-enabled\". However be sure that your app complies\nwith the Cast [SDK Additional Developer Terms of Service](/cast/docs/terms)\nand the [Design Checklist](/cast/docs/design_checklist), and that your\nuse of \"Google Cast-enabled\" complies with our branding guidelines.\n\nYou can similarly use a [Google Cast badge](#google_cast_badge)\nas long as your app or device complies with our badging guidelines. Google\nreserves the right to request that you modify or cease your use of the badge if\nit does not comply with the brand guidelines.\n\n### \"Google Cast\" in text\n\n- When describing an app (not a hardware product) as being Cast-enabled, use the phrase \"Google Cast-enabled\". For example: \"This app is Google Cast-enabled\".\n- When describing a Cast compatible third-party hardware product, use \"This {TV} works with Google Cast\", \"These {speakers} work with Google Cast\".\n- When written in text, \"Google\" and \"Cast\" should be capitalized.\n- In any marketing asset that uses \"Google Cast\" in text or the badge/logo, you must include the following legal attribution: Google Cast is a trademark of Google LLC.\n- Don't put Google Cast in the title of the app (such as XYZ Google Cast App).\n\n### Google Cast-enabled app messaging\n\nYou can promote your app as follows:\n\n- \"XYZ is a Google Cast-enabled app which lets you stream your favorite entertainment from your mobile device to your TV.\"\n- \"The XYZ app is now available for TVs that work with Google Cast.\"\n- \"The XYZ app is now available for all Google Cast products including Google Chromecast, Google Cast Audio, and TVs and speakers that work with Google Cast.\"\n- \"The XYZ app is Google Cast-enabled, allowing you to enjoy all your favorite shows/movies/music/games on your TV that works with Google Cast.\"\n- \"The XYZ app now has Google Cast support, allowing users to stream content from their phone to their TV that works with Google Cast.\"\n\n### Google Cast badge\n\nYou can use the \"Google Cast\" badges on your website, app store listing,\nmarketing materials and promotional materials to display compatibility with\ndevices that use the Cast protocol.\n\n- Don't modify the color, proportions, spacing or any other aspect of the badge image.\n- When used alongside logos for other ingredient technologies (for example, Bluetooth, Spotify Connect, AirPlay, etc.), the Google Cast badge must be of equal or greater size.\n- Don't make the badge the primary element on your page.\n- Keep some distance between the badge and other logos and icons on your page.\n- When used on white, light, or medium-toned background, use a black badge.\n- When used on a black or dark-toned background, use the white badge.\n- Don't use the badge on a page that contains or displays adult content, promotes gambling, promotes violence, contains hate speech, involves the sale of tobacco or alcohol to persons under twenty-one years of age, violates other applicable laws or regulations or is otherwise objectionable.\n\n### Badge linking\n\nWhen used online, the Google Cast badge must link to one of the following:\n\n- Google's list of Google Cast-enabled apps and products at [g.co/castapps](http://g.co/castapps).\n- A list of products published by you.\n- A specific product detail page published by you.\n- A list of apps published by you.\n- A specific app detail page published by you, on Google Play, or in the Apple App Store.\n\n### Download Google Cast badge assets\n\nThe download bundle includes Portable Network Graphics (.png), Adobe\nIllustrator (.ai), and Enapsulated Postscript (.eps) formats.\n\n- [Partner Hub Downloads page](https://partnermarketinghub.withgoogle.com/brands/google-cast/downloads/)\n\n### Preview Google Cast badges\n\nRefer to the [Partner Hub Badges Guidelines page](https://partnermarketinghub.withgoogle.com/brands/google-cast/visual-identity/visual-identity/#badge-guidelines)\nfor all available badges and instructions on usage."]]
