안드로이드 개발 팁 #44 - 유튜브 URL로부터 플레이 시작 위치 읽는 방법

유튜브 URL로부터 플레이 시작 위치 읽는 방법

---

시작하며…

스팀잇 포스트의 내용을 보여주는 화면을 개발하면서 유튜브 동영상을 보여주는 기능도 구현해야 합니다. 여기서 필요한 것이 유튜브 URL, 비디오 ID 외에 플레이 시작 위치도 옵션으로 필요합니다. 이것은 동영상을 맨처음이 아닌 원하는 중간 위치에서부터 재생할 수 있음을 의미합니다. 이번 포스트에서는 유튜브 URL로부터 플레이 시작 위치를 읽는 방법에 대해 정리해 봅니다.

---

비디오 ID, 플레이 시작 위치를 포함한 유튜브 URL의 포맷

• 유형 1: https://{유튜브 호스트}/embed/{비디오 ID}?start={0보다 큰 정수}
• 유형 2: https://{유튜브 호스트}/watch?v={비디오 ID}&t={0보다 큰 정수}s
• 유튜브 호스트: 다음 셋 중 하나
  • youtube.com
  • m.youtube.com
  • www.youtube.com

---

유튜브 URL로부터 플레이 시작 위치 읽는 방법

• URL 포맷이 위 유형 1인 경우
  • URL이 "https://{유튜브 호스트}/embed/"로 시작하는지 확인
  • 쿼리 파라메터 start 읽기
• URL 포맷이 위 유형 2인 경우
  • URL이 "https://{유튜브 호스트}/watch"로 시작하는지 확인
  • 쿼리 파라메터 t 읽기: 읽은 값의 끝에 달린 s는 제거

---

유튜브 URL로부터 플레이 시작 위치를 읽는 Uri 클래스의 확장 메소드

편리하게 플레이 시작 위치를 읽도록 Uri 클래스의 확장 메소드를 작성해 보았습니다. 참고로 Uri.isYoutubeSite() 메소드는 이전 포스트에서 정의하였습니다.

private const val youtubeSiteEmbedTypeA = "https://youtube.com/embed/"
private const val youtubeSiteEmbedTypeB = "https://m.youtube.com/embed/"
private const val youtubeSiteEmbedTypeC = "https://www.youtube.com/embed/"

private const val youtubeSiteWatchTypeA = "https://youtube.com/watch"
private const val youtubeSiteWatchTypeB = "https://m.youtube.com/watch"
private const val youtubeSiteWatchTypeC = "https://www.youtube.com/watch"

fun Uri.getStartTimeOfYoutubeVideo(): String {
    if (!isYoutubeSite()) {
        return ""
    }

    val addresss = this.toString()
    return when {
        addresss.startsWithOneOf(youtubeSiteEmbedTypeA, youtubeSiteEmbedTypeB, youtubeSiteEmbedTypeC) -> this.getQueryParameter("start") ?: "0"
        addresss.startsWithOneOf(youtubeSiteWatchTypeA, youtubeSiteWatchTypeB, youtubeSiteWatchTypeC) -> this.getQueryParameter("t")?.replace("s", "") ?: "0"
        else -> ""
    }
}

---

참고 링크

• Uri 클래스

---

지난 안드로이드 개발 팁

• #43 - 유튜브 URL로부터 비디오 ID 읽는 방법
• #42 - 문자열이 여러 개의 서브문자열들 중 하나로 시작하는 또는 끝나는지 판별하기
• #41 - 액티비티에 전체 화면 적용 방법 (린백 옵션)
• #40 - 웹뷰에서 구글 로그인 우회 방법
• #39 - 스크린 항상 키는 방법
• #38 - 핸들러를 코루틴으로 대체하기
• #37 - 내비게이션 활용하여 프래그먼트간 이동
• #36 - DB Browser for SQLite에서 쿼리 실행 방법
• #35 - DB Browser for SQLite 사용법
• #34 - SQLite 데이터베이스 도구 DB Browser for SQLite 다운로드
• #33 - adb 명령어 사용을 위한 PATH 환경 변수 설정
• #32 - 코틀린 언어로 구현한 확장 함수를 자바 코드에서 호출하는 방법
• #31 - UTC 시간을 지역 시간으로 변환하는 함수
• #30 - Collection, MutableCollection 연산 확장 함수 filter, count, indexOfFirst, sortWith, sortedWith
• #29 - 프로젝트에 벡터 이미지 추가하기
• #28 - JSON 자료를 데이터 클래스로 자동 변환하는 방법
• #27 - 페이스북 로그인이 안 되는 문제
• #26 - 레이아웃 XML 파일에 이모지 문자 넣는 방법
• #25 - TED permission 라이브러리를 활용한 권한 요청
• #24 - EditText 뷰에 텍스트 입력하고 0.5초 후 액션 설정
• #23 - Uri 객체로부터 읽은 파라메터에서 '+' 문자가 ' '로 바뀌어 있는 문제
• #22 - RxJava 활용하여 몇초 후 코드 실행
• #21 - 맥북 아이클라우드로 프로젝트 복사 후 빌드 안 되는 문제
• #20 - 툴바 정의 방법 (1) 타이틀 및 배경색 설정
• #19 - Index corrupted 오류
• #18 - 오래된 프로젝트의 build.gradle 파일 수정
• #17 - 뷰 바인딩 적용된 프래그먼트에 데이터 바인딩 적용 후 빌드시 발생하는 오류
• #16 - 특정 일이 속하는 주의 모든 날짜를 배열로 구하는 방법
• #15 - RecyclerView에 리스트를 로딩한 후 처리할 일 작성
• #14 - RecyclerView 뷰에서 항목 클릭시 뷰가 깜빡이는 문제
• #13 - 공통으로 사용할 색상 리소스 만들고 뷰에 적용
• #12 - 코틀린 언어 변환시 추가로 수정할 build.gradle 파일들
• #11 - 리스트/배열로부터 찾을 원소의 위치 읽기
• #10 - 앱의 다크 모드 진입 막는 방법
• #9 - 데이터 바인딩/뷰 바인딩 사용하지 않을 경우 자체적으로 만드는 Views 클래스
• #8 - TextView에 linear gradient color 적용하기
• #7 - 다이얼 화면 연결하기 위해 Activity 클래스의 확장 메소드 작성
• #6 - 웹 브라우저를 여는 확장 메소드 작성
• #5 - HTML 적용된 TextView에서 링크 클릭은 어떻게 구현?
• #4 - RxJava의 Observable, Single 객체의 기본 설정 수행 메소드 정의하기
• #3 - 특정 화면 이동시 다른 화면 모두 닫기
• #2 - HTML 이스케이핑 적용된 문자 풀어주기
• #1 - TextView로 HTML 내용 보여주기

---

Posted through the ECble app (https://ecble.etain.club)

Posted through the ECble app (https://ecble.etain.club)