ALIOTHX Developers
ALIOTHXMANAGER
  • 😈DEMO App 설치
  • 크로스플랫폼 개발환경
    • ⚙️Flutter 개발환경
    • 🧑‍💻Flutter 시작하기
    • 📲폰에서 실행
    • 개발가이드
    • 🚀솔루션 설치
    • 🚦코드가이드
      • 명명 규칙및 주석처리
      • 코딩 컨벤션
      • 디렉토리 생성및 관리
      • 페이지 작성
    • 🏭Flutter 아키텍쳐
      • 채널링
      • 웹뷰
        • 웹뷰 설정
        • 웹뷰 연동
      • 보안 (Security)
        • 대칭키 암호알고리즘
        • 비대칭키 암호알고리즘
        • 메시지 다이제스트
        • 탈옥및 루팅 탐지및 차단
        • 앱 위/변조 탐지및 차단
        • 코드 난독화
    • 🖥️관리시스템
    • 🎆협업도구
  • UIUX 컴포넌트
    • UI/UX
      • 테마 적용
      • 화면방향전환
      • 토스트 (Toast)
      • 버튼 (Button)
      • 텍스트 (Text)
      • 탭바 (TabBar)
      • 이미지뷰 (ImageView)
      • 카메라/이미지
      • 페이지 트랜지션
      • 입력필드 (TextField)
      • 체크박스 (CheckBox)
      • 라디오버튼 (RadioButton)
      • 로딩바 (Loading Indicator)
      • 바텀시트 (BottomSheet)
      • 리스트뷰 (ListView)
      • 슬리버 (Sliver)
      • 사운드 (Sound)
      • 애니메이션 (Animation)
      • 위치 및 정렬
      • 커스텀 키보드
      • 카드 (Card)
      • 토글 버튼 (Toggle Button)
      • 다이얼로그 (Dialog)
      • QR코드
      • 페이지뷰 (PageView)
  • Common 컴포넌트
    • 공통모듈
      • 데이터통신과 JSON 파싱
      • 인증 연동
      • 채널링
      • 네비게이션
      • 푸시 메시지
      • SMS 인증
      • 예외처리
  • Security 컴포넌트
    • 보안모듈
      • 메시지 다이제스트
      • 암/복호화
  • Option 컴포넌트
    • 옵션모듈
      • 동영상 플레이어
      • 유튜브 연동
      • 차트
      • SNS 공유
      • 지도
      • 로컬 DB
  • 🎁라이센스및 기술지원
  • 🏢고객사
Powered by GitBook
On this page
  1. Option 컴포넌트
  2. 옵션모듈

유튜브 연동

플러터에서 사용 가능한 유튜브 동영상 재생 플레이어 위젯으로, 시청하고 싶은 유튜브 동영상 주소를 입력필드에 입력하면 videId를 추출하여 영상을 재생합니다.

Previous동영상 플레이어Next차트

Last updated 1 year ago

유튜브 동영상 주소 입력

Flutter 앱에서 유튜브 동영상을 재생하려면 flutter_youtube_player 패키지를 사용합니다. 이 패키지는 유튜브 동영상을 간단하게 플레이할 수 있도록 도와줍니다.

코드 예시

 FlutterYoutubePlayer(
              textEditingController: TextEditingController(
    text: 'https://www.youtube.com/watch?v=4AoFA19gbLo' ),
              videoId: "4AoFA19gbLo",
              youtubeUrl: "https://www.youtube.com/watch?v=4AoFA19gbLo",
            );
  • text : 사용자가 동영상 주소를 입력하기 전 기본 Youtube URL 입니다.

  • videoId : 사용자가 입력한 동영상 주소를 입력받기 전 기본 Video ID 입니다.

  • youtubeUrl : 사용자가 입력한 동영상 주소를 입력받기 전 기본 Youtube URL 입니다.

이 가이드에서는 Flutter를 사용하여 유튜브 동영상을 효과적으로 재생하고 관리하는 방법을 설명했습니다. 사용자가 유튜브 URL을 입력하면 Video ID가 추출되어 동영상을 편리하게 재생할 수 있습니다. 이를 통해 Flutter 앱에서 유튜브 동영상을 쉽게 플레이할 수 있습니다. 유용한 동영상 관리 도구를 사용하여 앱을 더욱 풍부하게 만들어보세요.

Page cover image