이 개발자 가이드에서는 Android Sender SDK를 사용하여 Android 발신기 앱에 Google Cast 지원을 추가하는 방법을 설명합니다.
휴대기기 또는 노트북은 재생을 제어하는 발신자이고 Google Cast 기기는 TV에 콘텐츠를 표시하는 수신자입니다.
발신자 프레임워크는 전송 클래스 라이브러리 바이너리 및 발신자의 런타임에 있는 관련 리소스를 의미합니다. 발신자 앱 또는 Cast 앱은 발신자에서도 실행되는 앱을 나타냅니다. 웹 수신기 앱은 Cast 지원 기기에서 실행되는 HTML 애플리케이션을 의미합니다.
발신자 프레임워크는 비동기 콜백 디자인을 사용하여 발신기 앱에 이벤트를 알리고 Cast 앱 수명 주기의 다양한 상태 간에 전환합니다.
앱 흐름
다음 단계에서는 발신자 Android 앱의 일반적인 대략적인 실행 흐름을 설명합니다.
- Cast 프레임워크는
Activity수명 주기를 기반으로MediaRouter기기 검색을 자동으로 시작합니다. - 사용자가 전송 버튼을 클릭하면 프레임워크는 검색된 Cast 기기 목록을 사용하여 전송 대화상자를 표시합니다.
- 사용자가 Cast 기기를 선택하면 프레임워크가 Cast 기기에서 웹 수신기 앱을 실행하려고 시도합니다.
- 프레임워크는 발신기 앱에서 콜백을 호출하여 웹 수신기 앱이 실행되었는지 확인합니다.
- 프레임워크는 발신자와 웹 수신자 앱 간에 통신 채널을 만듭니다.
- 프레임워크는 통신 채널을 사용하여 웹 수신기에서 미디어 재생을 로드하고 제어합니다.
- 프레임워크는 발신자와 웹 수신자 간의 미디어 재생 상태를 동기화합니다. 사용자가 발신기 UI 작업을 실행할 때 프레임워크는 이러한 미디어 제어 요청을 웹 수신자로 전달하고, 웹 수신기가 미디어 상태 업데이트를 전송하면 발신자 UI의 상태를 업데이트합니다.
- 사용자가 전송 버튼을 클릭하여 Cast 기기의 연결을 해제하면 프레임워크는 발신기 앱의 웹 수신기 연결을 해제합니다.
Google Cast Android SDK의 모든 클래스, 메서드, 이벤트의 전체 목록은 Android용 Google Cast Sender API 참조를 확인하세요. 다음 섹션에서는 Android 앱에 Cast를 추가하는 단계를 설명합니다.
Android 매니페스트 구성
앱의 AndroidManifest.xml 파일을 사용하려면 다음과 같은 Cast SDK 요소를 구성해야 합니다.
uses-sdk
Cast SDK에서 지원하는 최소 및 타겟 Android API 수준을 설정합니다. 현재 최솟값은 API 수준 19이고 타겟은 API 수준 28입니다.
<uses-sdk
android:minSdkVersion="19"
android:targetSdkVersion="28" />
android:theme
최소 Android SDK 버전에 따라 앱의 테마를 설정합니다. 예를 들어 자체 테마를 구현하지 않는 경우 Lollipop 이전 버전의 최소 Android SDK를 타겟팅할 때는 Theme.AppCompat의 변형을 사용해야 합니다.
<application
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/Theme.AppCompat" >
...
</application>
Cast 컨텍스트 초기화
프레임워크에는 프레임워크의 모든 상호작용을 조정하는 전역 싱글톤 객체 CastContext가 있습니다.
CastContext 싱글톤을 초기화하는 데 필요한 옵션을 제공하려면 앱에서 OptionsProvider 인터페이스를 구현해야 합니다. OptionsProvider는 프레임워크 동작에 영향을 미치는 옵션이 포함된 CastOptions 인스턴스를 제공합니다. 이 중 가장 중요한 것은 웹 수신기 애플리케이션 ID로, 검색 결과를 필터링하고 전송 세션이 시작될 때 웹 수신기 앱을 실행하는 데 사용됩니다.
class CastOptionsProvider : OptionsProvider {
override fun getCastOptions(context: Context): CastOptions {
return Builder()
.setReceiverApplicationId(context.getString(R.string.app_id))
.build()
}
override fun getAdditionalSessionProviders(context: Context): List<SessionProvider>? {
return null
}
}
public class CastOptionsProvider implements OptionsProvider {
@Override
public CastOptions getCastOptions(Context context) {
CastOptions castOptions = new CastOptions.Builder()
.setReceiverApplicationId(context.getString(R.string.app_id))
.build();
return castOptions;
}
@Override
public List<SessionProvider> getAdditionalSessionProviders(Context context) {
return null;
}
}
구현된 OptionsProvider의 정규화된 이름을 발신자 앱의 AndroidManifest.xml 파일에 메타데이터 필드로 선언해야 합니다.
<application>
...
<meta-data
android:name=
"com.google.android.gms.cast.framework.OPTIONS_PROVIDER_CLASS_NAME"
android:value="com.foo.CastOptionsProvider" />
</application>
CastContext는 CastContext.getSharedInstance()가 호출될 때 느리게 초기화됩니다.
class MyActivity : FragmentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
val castContext = CastContext.getSharedInstance(this)
}
}
public class MyActivity extends FragmentActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
CastContext castContext = CastContext.getSharedInstance(this);
}
}
Cast UX 위젯
Cast 프레임워크는 Cast 디자인 체크리스트를 준수하는 위젯을 제공합니다.
소개 오버레이: 프레임워크는 수신기를 처음 사용할 수 있을 때 전송 버튼에 관해 사용자가 호출할 수 있도록 사용자에게 표시되는 맞춤 뷰인
IntroductoryOverlay를 제공합니다. 발신자 앱은 텍스트와 제목 텍스트의 위치를 맞춤설정할 수 있습니다.전송 버튼: 전송 버튼은 앱을 지원하는 수신기가 검색될 때 표시됩니다. 사용자가 전송 버튼을 처음 클릭하면 검색된 기기가 나열된 전송 대화상자가 표시됩니다. 기기가 연결된 상태에서 사용자가 전송 버튼을 클릭하면 현재 미디어 메타데이터(예: 제목, 녹음 스튜디오 이름, 썸네일 이미지)가 표시되거나 사용자가 Cast 기기에서 연결 해제될 수 있습니다.
미니 컨트롤러: 사용자가 콘텐츠를 전송하고 현재 콘텐츠 페이지 또는 확장된 컨트롤러를 발신기 앱의 다른 화면으로 이동한 경우 사용자가 현재 전송 중인 미디어 메타데이터를 확인하고 재생을 제어할 수 있도록 미니 컨트롤러가 화면 하단에 표시됩니다.
확장 컨트롤러: 사용자가 콘텐츠를 전송할 때 미디어 알림 또는 미니 컨트롤러를 클릭하면 확장된 컨트롤러가 실행되어 현재 재생 중인 미디어 메타데이터가 표시되고 미디어 재생을 제어하는 여러 버튼을 제공합니다.
알림: Android 전용입니다. 사용자가 콘텐츠를 전송하고 발신기 앱에서 벗어나면 현재 전송 중인 미디어 메타데이터 및 재생 컨트롤을 보여주는 미디어 알림이 표시됩니다.
잠금 화면: Android 전용입니다. 사용자가 콘텐츠를 전송하고 잠금 화면으로 이동할 때 (또는 기기가 타임아웃되면) 현재 전송 중인 미디어 메타데이터와 재생 컨트롤을 보여주는 미디어 잠금 화면 컨트롤이 표시됩니다.
다음 가이드에서는 이러한 위젯을 앱에 추가하는 방법을 설명합니다.
전송 버튼 추가
Android MediaRouter API는 보조 기기에서 미디어 표시 및 재생을 사용할 수 있도록 설계되었습니다.
MediaRouter API를 사용하는 Android 앱은 사용자가 전송 기기와 같은 보조 기기에서 미디어를 재생할 미디어 경로를 선택할 수 있도록 사용자 인터페이스의 일부로 전송 버튼을 포함해야 합니다.
이 프레임워크를 사용하면 MediaRouteButton를 Cast button로 매우 쉽게 추가할 수 있습니다. 먼저 메뉴를 정의하는 xml 파일에 메뉴 항목 또는 MediaRouteButton를 추가하고 CastButtonFactory를 사용하여 프레임워크에 연결해야 합니다.
// To add a Cast button, add the following snippet.
// menu.xml
<item
android:id="@+id/media_route_menu_item"
android:title="@string/media_route_menu_title"
app:actionProviderClass="androidx.mediarouter.app.MediaRouteActionProvider"
app:showAsAction="always" />
// Then override the onCreateOptionMenu() for each of your activities.
// MyActivity.kt
override fun onCreateOptionsMenu(menu: Menu): Boolean {
super.onCreateOptionsMenu(menu)
menuInflater.inflate(R.menu.main, menu)
CastButtonFactory.setUpMediaRouteButton(
applicationContext,
menu,
R.id.media_route_menu_item
)
return true
}
// Then override the onCreateOptionMenu() for each of your activities.
// MyActivity.java
@Override public boolean onCreateOptionsMenu(Menu menu) {
super.onCreateOptionsMenu(menu);
getMenuInflater().inflate(R.menu.main, menu);
CastButtonFactory.setUpMediaRouteButton(getApplicationContext(),
menu,
R.id.media_route_menu_item);
return true;
}
그런 다음 Activity가 FragmentActivity에서 상속받는 경우 레이아웃에 MediaRouteButton를 추가할 수 있습니다.
// activity_layout.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal" >
<androidx.mediarouter.app.MediaRouteButton
android:id="@+id/media_route_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:mediaRouteTypes="user"
android:visibility="gone" />
</LinearLayout>
// MyActivity.kt
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_layout)
mMediaRouteButton = findViewById<View>(R.id.media_route_button) as MediaRouteButton
CastButtonFactory.setUpMediaRouteButton(applicationContext, mMediaRouteButton)
mCastContext = CastContext.getSharedInstance(this)
}
// MyActivity.java
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_layout);
mMediaRouteButton = (MediaRouteButton) findViewById(R.id.media_route_button);
CastButtonFactory.setUpMediaRouteButton(getApplicationContext(), mMediaRouteButton);
mCastContext = CastContext.getSharedInstance(this);
}
테마를 사용하여 전송 버튼의 모양을 설정하려면 전송 버튼 맞춤설정을 참고하세요.
기기 검색 구성
기기 검색은 CastContext에서 완전히 관리합니다.
CastContext를 초기화할 때 발신기 앱은 웹 수신기 애플리케이션 ID를 지정하며 선택적으로 CastOptions에서 supportedNamespaces를 설정하여 네임스페이스 필터링을 요청할 수 있습니다.
CastContext는 내부적으로 MediaRouter 참조를 보유하며, 발신기 앱이 포그라운드로 전환될 때 검색 프로세스를 시작하고 발신기 앱이 백그라운드로 전환되면 중지됩니다.
class CastOptionsProvider : OptionsProvider {
companion object {
const val CUSTOM_NAMESPACE = "urn:x-cast:custom_namespace"
}
override fun getCastOptions(appContext: Context): CastOptions {
val supportedNamespaces: MutableList<String> = ArrayList()
supportedNamespaces.add(CUSTOM_NAMESPACE)
return CastOptions.Builder()
.setReceiverApplicationId(context.getString(R.string.app_id))
.setSupportedNamespaces(supportedNamespaces)
.build()
}
override fun getAdditionalSessionProviders(context: Context): List<SessionProvider>? {
return null
}
}
class CastOptionsProvider implements OptionsProvider {
public static final String CUSTOM_NAMESPACE = "urn:x-cast:custom_namespace";
@Override
public CastOptions getCastOptions(Context appContext) {
List<String> supportedNamespaces = new ArrayList<>();
supportedNamespaces.add(CUSTOM_NAMESPACE);
CastOptions castOptions = new CastOptions.Builder()
.setReceiverApplicationId(context.getString(R.string.app_id))
.setSupportedNamespaces(supportedNamespaces)
.build();
return castOptions;
}
@Override
public List<SessionProvider> getAdditionalSessionProviders(Context context) {
return null;
}
}
세션 관리 작동 방식
Cast SDK는 Cast 세션이라는 개념을 도입했으며, 이 개념에는 기기 연결, 웹 수신기 앱 실행 (또는 참여), 앱 연결, 미디어 제어 채널 초기화 단계가 결합되어 있습니다. Cast 세션 및 웹 수신기 수명 주기에 관한 자세한 내용은 웹 수신기 애플리케이션 수명 주기 가이드를 참고하세요.
세션은 SessionManager
클래스가 관리하며, 앱은 이 클래스를 통해 CastContext.getSessionManager()에 액세스할 수 있습니다.
개별 세션은 Session 클래스의 서브클래스로 표현됩니다.
예를 들어 CastSession는 Cast 기기의 세션을 나타냅니다. 앱은 SessionManager.getCurrentCastSession()를 통해 현재 활성 상태인 Cast 세션에 액세스할 수 있습니다.
앱은 SessionManagerListener 클래스를 사용하여 생성, 정지, 다시 시작, 종료와 같은 세션 이벤트를 모니터링할 수 있습니다. 프레임워크는 세션이 활성화된 동안 비정상/갑작스러운 종료에서 자동으로 재개를 시도합니다.
세션은 MediaRouter 대화상자의 사용자 동작에 응답하여 자동으로 생성되고 해제됩니다.
세션의 상태 변경사항을 알아야 하는 경우 SessionManagerListener를 구현하면 됩니다. 이 예에서는 Activity의 CastSession 사용 가능 여부를 수신 대기합니다.
class MyActivity : Activity() {
private var mCastSession: CastSession? = null
private lateinit var mSessionManager: SessionManager
private val mSessionManagerListener: SessionManagerListener<CastSession> =
SessionManagerListenerImpl()
private inner class SessionManagerListenerImpl : SessionManagerListener<CastSession?> {
override fun onSessionStarted(session: CastSession?, sessionId: String) {
invalidateOptionsMenu()
}
override fun onSessionResumed(session: CastSession?, wasSuspended: Boolean) {
invalidateOptionsMenu()
}
override fun onSessionEnded(session: CastSession?, error: Int) {
finish()
}
}
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
mSessionManager = CastContext.getSharedInstance(this).sessionManager
}
override fun onResume() {
super.onResume()
mCastSession = mSessionManager.currentCastSession
mSessionManager.addSessionManagerListener(mSessionManagerListener, CastSession::class.java)
}
override fun onPause() {
super.onPause()
mSessionManager.removeSessionManagerListener(mSessionManagerListener, CastSession::class.java)
mCastSession = null
}
}
public class MyActivity extends Activity {
private CastSession mCastSession;
private SessionManager mSessionManager;
private SessionManagerListener<CastSession> mSessionManagerListener =
new SessionManagerListenerImpl();
private class SessionManagerListenerImpl implements SessionManagerListener<CastSession> {
@Override
public void onSessionStarted(CastSession session, String sessionId) {
invalidateOptionsMenu();
}
@Override
public void onSessionResumed(CastSession session, boolean wasSuspended) {
invalidateOptionsMenu();
}
@Override
public void onSessionEnded(CastSession session, int error) {
finish();
}
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mSessionManager = CastContext.getSharedInstance(this).getSessionManager();
}
@Override
protected void onResume() {
super.onResume();
mCastSession = mSessionManager.getCurrentCastSession();
mSessionManager.addSessionManagerListener(mSessionManagerListener, CastSession.class);
}
@Override
protected void onPause() {
super.onPause();
mSessionManager.removeSessionManagerListener(mSessionManagerListener, CastSession.class);
mCastSession = null;
}
}
스트림 이전
세션 상태 유지는 스트림 전송의 기초로, 사용자는 음성 명령, Google Home 앱 또는 스마트 디스플레이를 사용하여 기기 간에 기존 오디오 및 동영상 스트림을 이동할 수 있습니다. 미디어가 한 기기 (소스)에서 재생을 중지하고 다른 기기 (대상)에서 계속 재생됩니다. 최신 펌웨어가 있는 모든 Cast 기기는 스트림 전송에서 소스 또는 대상의 역할을 할 수 있습니다.
스트림 이전 또는 확장 중에 새 대상 기기를 가져오려면 CastSession#addCastListener를 사용하여 Cast.Listener를 등록합니다.
그런 다음 onDeviceNameChanged 콜백 중에 CastSession#getCastDevice()를 호출합니다.
자세한 내용은 웹 수신기에서 스트림 전송을 참고하세요.
자동 재연결
프레임워크는 발신기 앱에서 다음과 같은 미묘한 여러 상황에서 재연결을 처리하도록 사용 설정할 수 있는 ReconnectionService를 제공합니다.
- Wi-Fi 일시적인 손실 복구
- 기기 절전 모드 복구
- 앱 백그라운드 복구
- 앱이 다운된 경우 복구
이 서비스는 기본적으로 사용 설정되어 있으며 CastOptions.Builder에서 사용 중지할 수 있습니다.
Gradle 파일에서 자동 병합이 사용 설정된 경우 이 서비스는 앱의 매니페스트에 자동으로 병합될 수 있습니다.
프레임워크는 미디어 세션이 있으면 서비스를 시작하고 미디어 세션이 끝나면 중지합니다.
미디어 컨트롤 작동 방식
Cast 프레임워크는 Cast 2.x에서 RemoteMediaPlayer 클래스를 지원 중단하고 더 편리한 API 세트에서 동일한 기능을 제공하고 GoogleApiClient를 전달할 필요가 없도록 하는 새로운 클래스 RemoteMediaClient로 대체했습니다.
앱이 미디어 네임스페이스를 지원하는 웹 수신기 앱으로 CastSession를 설정하면 프레임워크에서 RemoteMediaClient 인스턴스를 자동으로 만듭니다. 앱은 CastSession 인스턴스에서 getRemoteMediaClient() 메서드를 호출하여 액세스할 수 있습니다.
웹 수신기에 요청을 실행하는 모든 RemoteMediaClient 메서드는 이 요청을 추적하는 데 사용할 수 있는 PendingResult 객체를 반환합니다.
RemoteMediaClient의 인스턴스는 앱의 여러 부분에서 공유될 수 있으며 실제로 영구 미니 컨트롤러 및 알림 서비스와 같은 프레임워크의 일부 내부 구성요소에서 공유될 수 있습니다.
이를 위해 이 인스턴스는 여러 RemoteMediaClient.Listener 인스턴스 등록을 지원합니다.
미디어 메타데이터 설정
MediaMetadata 클래스는 전송하려는 미디어 항목에 관한 정보를 나타냅니다. 다음 예에서는 영화의 새로운 MediaMetadata 인스턴스를 만들고 제목, 부제목, 이미지 2개를 설정합니다.
val movieMetadata = MediaMetadata(MediaMetadata.MEDIA_TYPE_MOVIE) movieMetadata.putString(MediaMetadata.KEY_TITLE, mSelectedMedia.getTitle()) movieMetadata.putString(MediaMetadata.KEY_SUBTITLE, mSelectedMedia.getStudio()) movieMetadata.addImage(WebImage(Uri.parse(mSelectedMedia.getImage(0)))) movieMetadata.addImage(WebImage(Uri.parse(mSelectedMedia.getImage(1))))
MediaMetadata movieMetadata = new MediaMetadata(MediaMetadata.MEDIA_TYPE_MOVIE); movieMetadata.putString(MediaMetadata.KEY_TITLE, mSelectedMedia.getTitle()); movieMetadata.putString(MediaMetadata.KEY_SUBTITLE, mSelectedMedia.getStudio()); movieMetadata.addImage(new WebImage(Uri.parse(mSelectedMedia.getImage(0)))); movieMetadata.addImage(new WebImage(Uri.parse(mSelectedMedia.getImage(1))));
미디어 메타데이터와 함께 이미지를 사용하는 방법은 이미지 선택을 참고하세요.
미디어 로드
앱은 다음 코드와 같이 미디어 항목을 로드할 수 있습니다. 먼저 미디어의 메타데이터와 함께 MediaInfo.Builder를 사용하여 MediaInfo 인스턴스를 빌드합니다. 현재 CastSession에서 RemoteMediaClient를 가져온 후 MediaInfo를 해당 RemoteMediaClient에 로드합니다. RemoteMediaClient를 사용하여 웹 수신기에서 실행 중인 미디어 플레이어 앱을 재생, 일시중지 및 제어합니다.
val mediaInfo = MediaInfo.Builder(mSelectedMedia.getUrl())
.setStreamType(MediaInfo.STREAM_TYPE_BUFFERED)
.setContentType("videos/mp4")
.setMetadata(movieMetadata)
.setStreamDuration(mSelectedMedia.getDuration() * 1000)
.build()
val remoteMediaClient = mCastSession.getRemoteMediaClient()
remoteMediaClient.load(MediaLoadRequestData.Builder().setMediaInfo(mediaInfo).build())
MediaInfo mediaInfo = new MediaInfo.Builder(mSelectedMedia.getUrl())
.setStreamType(MediaInfo.STREAM_TYPE_BUFFERED)
.setContentType("videos/mp4")
.setMetadata(movieMetadata)
.setStreamDuration(mSelectedMedia.getDuration() * 1000)
.build();
RemoteMediaClient remoteMediaClient = mCastSession.getRemoteMediaClient();
remoteMediaClient.load(new MediaLoadRequestData.Builder().setMediaInfo(mediaInfo).build());
미디어 트랙 사용 섹션도 참고하세요.
4K 동영상 형식
미디어의 동영상 형식을 확인하려면 MediaStatus에서 getVideoInfo()를 사용하여 VideoInfo의 현재 인스턴스를 가져옵니다.
이 인스턴스에는 HDR TV 형식 유형, 픽셀 단위의 디스플레이 높이와 너비가 포함됩니다. 4K 형식의 변형은 상수 HDR_TYPE_*로 표시됩니다.
여러 기기에 원격 제어 알림
사용자가 전송할 때 동일한 네트워크에 있는 다른 Android 기기에도 재생을 제어할 수 있는 알림이 전송됩니다. 이러한 알림을 받은 모든 기기는 Google 설정 > Google Cast > 리모컨 알림 표시에서 해당 기기의 알림을 끌 수 있습니다. 알림에는 설정 앱의 바로가기가 포함됩니다. 자세한 내용은 원격 제어 알림 전송을 참고하세요.
미니 컨트롤러 추가
전송 디자인 체크리스트에 따라 발신기 앱은 미니 컨트롤러라고 하는 영구 컨트롤을 제공해야 합니다. 이 컨트롤러는 사용자가 현재 콘텐츠 페이지에서 다른 발신기 앱으로 이동할 때 표시되어야 합니다. 미니 컨트롤러는 현재 전송 세션의 사용자에게 표시되는 알림을 제공합니다. 미니 컨트롤러를 탭하면 사용자는 전체 화면 확장형 컨트롤러 뷰로 돌아갈 수 있습니다.
프레임워크는 미니 컨트롤러를 표시하려는 각 활동의 레이아웃 파일 하단에 추가할 수 있는 맞춤 View, MiniControllerFragment를 제공합니다.
<fragment
android:id="@+id/castMiniController"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:visibility="gone"
class="com.google.android.gms.cast.framework.media.widget.MiniControllerFragment" />
발신기 앱에서 동영상 또는 오디오 실시간 스트림을 재생하면 SDK가 미니 컨트롤러에서 재생/일시중지 버튼 대신 자동으로 재생/중지 버튼을 표시합니다.
이 맞춤 뷰의 제목 및 부제목에 대한 텍스트 모양을 설정하고 버튼을 선택하려면 미니 컨트롤러 맞춤설정을 참조하세요.
확장 컨트롤러 추가
Google Cast 디자인 체크리스트에 따르면 발신기 앱은 전송 중인 미디어에 확장 컨트롤러를 제공해야 합니다. 확장된 컨트롤러는 미니 컨트롤러의 전체 화면 버전입니다.
Cast SDK는 ExpandedControllerActivity라는 확장 컨트롤러용 위젯을 제공합니다.
이는 추상 클래스로 Cast 버튼을 추가하기 위해 서브클래스로 선언해야 합니다.
먼저 확장 컨트롤러에 새 메뉴 리소스 파일을 만들어 전송 버튼을 제공합니다.
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/media_route_menu_item"
android:title="@string/media_route_menu_title"
app:actionProviderClass="androidx.mediarouter.app.MediaRouteActionProvider"
app:showAsAction="always"/>
</menu>
ExpandedControllerActivity를 확장하는 새 클래스를 만듭니다.
class ExpandedControlsActivity : ExpandedControllerActivity() {
override fun onCreateOptionsMenu(menu: Menu): Boolean {
super.onCreateOptionsMenu(menu)
menuInflater.inflate(R.menu.expanded_controller, menu)
CastButtonFactory.setUpMediaRouteButton(this, menu, R.id.media_route_menu_item)
return true
}
}
public class ExpandedControlsActivity extends ExpandedControllerActivity {
@Override
public boolean onCreateOptionsMenu(Menu menu) {
super.onCreateOptionsMenu(menu);
getMenuInflater().inflate(R.menu.expanded_controller, menu);
CastButtonFactory.setUpMediaRouteButton(this, menu, R.id.media_route_menu_item);
return true;
}
}
이제 앱 매니페스트의 application 태그 내에서 새 활동을 선언합니다.
<application>
...
<activity
android:name=".expandedcontrols.ExpandedControlsActivity"
android:label="@string/app_name"
android:launchMode="singleTask"
android:theme="@style/Theme.CastVideosDark"
android:screenOrientation="portrait"
android:parentActivityName="com.google.sample.cast.refplayer.VideoBrowserActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN"/>
</intent-filter>
</activity>
...
</application>
CastOptionsProvider를 수정하고 NotificationOptions 및 CastMediaOptions를 변경하여 타겟 활동을 새 활동으로 설정합니다.
override fun getCastOptions(context: Context): CastOptions? {
val notificationOptions = NotificationOptions.Builder()
.setTargetActivityClassName(ExpandedControlsActivity::class.java.name)
.build()
val mediaOptions = CastMediaOptions.Builder()
.setNotificationOptions(notificationOptions)
.setExpandedControllerActivityClassName(ExpandedControlsActivity::class.java.name)
.build()
return CastOptions.Builder()
.setReceiverApplicationId(context.getString(R.string.app_id))
.setCastMediaOptions(mediaOptions)
.build()
}
public CastOptions getCastOptions(Context context) {
NotificationOptions notificationOptions = new NotificationOptions.Builder()
.setTargetActivityClassName(ExpandedControlsActivity.class.getName())
.build();
CastMediaOptions mediaOptions = new CastMediaOptions.Builder()
.setNotificationOptions(notificationOptions)
.setExpandedControllerActivityClassName(ExpandedControlsActivity.class.getName())
.build();
return new CastOptions.Builder()
.setReceiverApplicationId(context.getString(R.string.app_id))
.setCastMediaOptions(mediaOptions)
.build();
}
원격 미디어가 로드될 때 새 활동을 표시하도록 LocalPlayerActivity loadRemoteMedia 메서드를 업데이트합니다.
private fun loadRemoteMedia(position: Int, autoPlay: Boolean) {
val remoteMediaClient = mCastSession?.remoteMediaClient ?: return
remoteMediaClient.registerCallback(object : RemoteMediaClient.Callback() {
override fun onStatusUpdated() {
val intent = Intent(this@LocalPlayerActivity, ExpandedControlsActivity::class.java)
startActivity(intent)
remoteMediaClient.unregisterCallback(this)
}
})
remoteMediaClient.load(
MediaLoadRequestData.Builder()
.setMediaInfo(mSelectedMedia)
.setAutoplay(autoPlay)
.setCurrentTime(position.toLong()).build()
)
}
private void loadRemoteMedia(int position, boolean autoPlay) {
if (mCastSession == null) {
return;
}
final RemoteMediaClient remoteMediaClient = mCastSession.getRemoteMediaClient();
if (remoteMediaClient == null) {
return;
}
remoteMediaClient.registerCallback(new RemoteMediaClient.Callback() {
@Override
public void onStatusUpdated() {
Intent intent = new Intent(LocalPlayerActivity.this, ExpandedControlsActivity.class);
startActivity(intent);
remoteMediaClient.unregisterCallback(this);
}
});
remoteMediaClient.load(new MediaLoadRequestData.Builder()
.setMediaInfo(mSelectedMedia)
.setAutoplay(autoPlay)
.setCurrentTime(position).build());
}
발신기 앱이 동영상 또는 오디오 실시간 스트림을 재생하면 SDK가 확장된 컨트롤러의 재생/일시중지 버튼 대신 재생/중지 버튼을 자동으로 표시합니다.
테마를 사용하여 모양을 설정하고, 표시할 버튼을 선택하고, 맞춤 버튼을 추가하려면 확장 컨트롤러 맞춤설정을 참조하세요.
볼륨 컨트롤
프레임워크는 발신자 앱의 볼륨을 자동으로 관리합니다. 프레임워크는 발신자 UI가 항상 웹 수신기에서 지정한 볼륨을 보고하도록 발신자 앱과 웹 수신자 앱을 자동으로 동기화합니다.
물리적 버튼 볼륨 컨트롤
Android에서는 기본적으로 Jelly Bean 이상을 사용하는 모든 기기에서 발신기의 물리적 버튼을 사용하여 웹 수신기의 전송 세션 볼륨을 변경할 수 있습니다.
Jelly Bean 이전의 물리적 버튼 볼륨 컨트롤
실제 볼륨 키를 사용하여 Jelly Bean 이전의 Android 기기에서 웹 수신기 기기 볼륨을 제어하려면 발신기 앱의 활동에서 dispatchKeyEvent를 재정의하고 CastContext.onDispatchVolumeKeyEventBeforeJellyBean()를 호출해야 합니다.
class MyActivity : FragmentActivity() {
override fun dispatchKeyEvent(event: KeyEvent): Boolean {
return (CastContext.getSharedInstance(this)
.onDispatchVolumeKeyEventBeforeJellyBean(event)
|| super.dispatchKeyEvent(event))
}
}
class MyActivity extends FragmentActivity {
@Override
public boolean dispatchKeyEvent(KeyEvent event) {
return CastContext.getSharedInstance(this)
.onDispatchVolumeKeyEventBeforeJellyBean(event)
|| super.dispatchKeyEvent(event);
}
}
알림 및 잠금 화면에 미디어 컨트롤 추가
Android에서만 Google Cast 디자인 체크리스트에 따르면 발신자 앱은 알림에서 미디어 컨트롤을 구현해야 하며 잠금 화면에서 발신자가 전송 중이지만 발신자 앱에는 포커스가 없습니다. 프레임워크는 발신기 앱이 알림 및 잠금 화면에서 미디어 컨트롤을 빌드할 수 있도록 MediaNotificationService와 MediaIntentReceiver를 제공합니다.
MediaNotificationService는 발신자가 전송할 때 실행되며 이미지 썸네일과 현재 전송 항목 정보, 재생/일시중지 버튼, 중지 버튼이 포함된 알림을 표시합니다.
MediaIntentReceiver는 알림에서 사용자 작업을 처리하는 BroadcastReceiver입니다.
앱은 NotificationOptions를 통해 잠금 화면에서 알림 및 미디어 컨트롤을 구성할 수 있습니다.
앱은 알림에 표시할 제어 버튼과 사용자가 알림을 탭할 때 열리는 Activity를 구성할 수 있습니다. 작업을 명시적으로 제공하지 않으면 기본값인 MediaIntentReceiver.ACTION_TOGGLE_PLAYBACK 및 MediaIntentReceiver.ACTION_STOP_CASTING이 사용됩니다.
// Example showing 4 buttons: "rewind", "play/pause", "forward" and "stop casting".
val buttonActions: MutableList<String> = ArrayList()
buttonActions.add(MediaIntentReceiver.ACTION_REWIND)
buttonActions.add(MediaIntentReceiver.ACTION_TOGGLE_PLAYBACK)
buttonActions.add(MediaIntentReceiver.ACTION_FORWARD)
buttonActions.add(MediaIntentReceiver.ACTION_STOP_CASTING)
// Showing "play/pause" and "stop casting" in the compat view of the notification.
val compatButtonActionsIndices = intArrayOf(1, 3)
// Builds a notification with the above actions. Each tap on the "rewind" and "forward" buttons skips 30 seconds.
// Tapping on the notification opens an Activity with class VideoBrowserActivity.
val notificationOptions = NotificationOptions.Builder()
.setActions(buttonActions, compatButtonActionsIndices)
.setSkipStepMs(30 * DateUtils.SECOND_IN_MILLIS)
.setTargetActivityClassName(VideoBrowserActivity::class.java.name)
.build()
// Example showing 4 buttons: "rewind", "play/pause", "forward" and "stop casting".
List<String> buttonActions = new ArrayList<>();
buttonActions.add(MediaIntentReceiver.ACTION_REWIND);
buttonActions.add(MediaIntentReceiver.ACTION_TOGGLE_PLAYBACK);
buttonActions.add(MediaIntentReceiver.ACTION_FORWARD);
buttonActions.add(MediaIntentReceiver.ACTION_STOP_CASTING);
// Showing "play/pause" and "stop casting" in the compat view of the notification.
int[] compatButtonActionsIndices = new int[]{1, 3};
// Builds a notification with the above actions. Each tap on the "rewind" and "forward" buttons skips 30 seconds.
// Tapping on the notification opens an Activity with class VideoBrowserActivity.
NotificationOptions notificationOptions = new NotificationOptions.Builder()
.setActions(buttonActions, compatButtonActionsIndices)
.setSkipStepMs(30 * DateUtils.SECOND_IN_MILLIS)
.setTargetActivityClassName(VideoBrowserActivity.class.getName())
.build();
알림과 잠금 화면의 미디어 컨트롤 표시는 기본적으로 사용 설정되어 있으며 CastMediaOptions.Builder에서 null로 setNotificationOptions를 호출하여 사용 중지할 수 있습니다.
현재 잠금 화면 기능은 알림이 켜져 있는 동안에만 사용 설정됩니다.
// ... continue with the NotificationOptions built above
val mediaOptions = CastMediaOptions.Builder()
.setNotificationOptions(notificationOptions)
.build()
val castOptions: CastOptions = Builder()
.setReceiverApplicationId(context.getString(R.string.app_id))
.setCastMediaOptions(mediaOptions)
.build()
// ... continue with the NotificationOptions built above
CastMediaOptions mediaOptions = new CastMediaOptions.Builder()
.setNotificationOptions(notificationOptions)
.build();
CastOptions castOptions = new CastOptions.Builder()
.setReceiverApplicationId(context.getString(R.string.app_id))
.setCastMediaOptions(mediaOptions)
.build();
발신기 앱이 동영상 또는 오디오 실시간 스트림을 재생 중일 때 SDK에서 알림 화면 컨트롤의 재생/일시중지 버튼 대신 재생/중지 버튼을 자동으로 표시하지만 잠금 화면 컨트롤은 표시하지 않습니다.
참고: Lollipop 이전 기기에 잠금 화면 컨트롤을 표시하기 위해 RemoteMediaClient가 사용자를 대신하여 오디오 포커스를 자동으로 요청합니다.
오류 처리
발신자 앱은 모든 오류 콜백을 처리하고 Cast 수명 주기의 각 단계에 가장 적합한 응답을 결정하는 것이 매우 중요합니다. 앱은 사용자에게 오류 대화상자를 표시하거나 웹 수신자 연결을 해체할 수 있습니다.