4. Youtube-player 테스트

 

참고자료

 

youtube_player_iframe | Flutter package

 

BGMs 개발기 (YouTube 플레이리스트 공유 및 원격 음악 재생 서비스)

---

 

과정

BGMs의 개발기를 보다가 알게 된 정보이다.

Youtube를 iframe으로 재생을 하게 되면, 광고가 나오지 않는다!

 

기존에는 Youtube-preminum을 로그인 시켜서 해야하나 고민을 하고 있었는데,

iframe을 활용하면 해결 된다는 것을 인지하고, flutter에서 youtube_player_iframe을 찾았다.

 

예제 코드를 넣고 테스트를 하는데 동작을 안하는 문제가 발생했다...

예전에 "web에서 자동 재생시 소리를 킬 수 없다"라는 내용을 들었던 기억이 있어서

mute 옵션을 주고 동작시켜보니 정상 동작을 함을 확인했다.

 

이 기회에 정책을 한 번 읽어 봐야겠다 싶어서 아래의 내용을 대충 훑었다.

https://developer.chrome.com/blog/autoplay?hl=ko

Chrome의 자동재생 정책  |  Blog  |  Chrome for Developers

 

실제 재생의 목적 보다는, 홍보용 페이지이기 때문에 내가 좋아하는 노래의 MV를 넣고

Mute 상태로 재생을 하는 형태로 구현 하였다.

 

final _controller = YoutubePlayerController(
  params: YoutubePlayerParams(
    mute: false,
    showControls: true,
    showFullscreenButton: true,
  ),
);

_controller.loadVideoById(...); // Auto Play
_controller.cueVideoById(...); // Manual Play
_controller.loadPlaylist(...); // Auto Play with playlist
_controller.cuePlaylist(...); // Manual Play with playlist

// If the requirement is just to play a single video.
final _controller = YoutubePlayerController.fromVideoId(
  videoId: '<video-id>',
  autoPlay: false,
  params: const YoutubePlayerParams(showFullscreenButton: true),
);

 

위와 같이, playlist를 만들고 auto-play를 시킬 수 있다.

위 코드를 활용하여 우리가 원하는 기능을 구현할 수 있을 것이다.

 

---

 

피드백

• 디자인적 피드백은 이제 거의 없다.