-
iOS, React Native 2023‧01‧20
개발 앱 실행 시 음악 앱의 재생 중단되는 현상 대응 (AVAudioSessionCategoryAmbient)
에어팟을 안끼고 폰빌드 했을 때는 발생하지 않았는데 에어팟을 끼고 빌드한 앱을 실행하니 재생 중이던 음악이 꺼졌다. 개발 중인 앱에 중간에 카운트 다운시 비프음을 넣으려고 react-native-sound 패키지를 설치했더니 이런 이슈가 발생하였다.꼭 저 패키지가 아니더라도 음원을 사용한다면 AVAudioSession 을 구성해야 개발한 앱을 실행할 때 다른 앱에서 재생 중인 음악이 중단되지 않는다. 나는 리액트 네이티브 프로젝트이므로 파일명과 구성은 […]
-
Android 2017‧12‧07
mediaPlayer 재생 완료 이벤트 받기
미디어플레이어 재생이 끝나고 다음 함수를 실행하거나 할 때 요긴하게 쓰인다. MediaPlayer.setOnCompletionListener 를 이용해서 만들면 된다. 상단에 미디어 플레이어 import 코드를 넣어주고 import android.media.MediaPlayer; activity class 안에 미디어 플레이어를 아래 예제처럼 MediaPlayer mPlayer; 를 추가해준다. public class SubActivity extends AppCompatActivity implements SurfaceHolder.Callback{ MediaPlayer mPlayer; 이제 미디어플레이어를 불러오는 곳에서 아래 코드를 작성한다. mPlayer = new MediaPlayer(); […]
-
Javascript, jQuery 2016‧10‧26
JS - 유튜브 영상 (음소거,자동재생 상태로) 다중 삽입하기
웹사이트에 유튜브 영상을 여러개 삽입하여 자동 재생시키되 음소거를 시키고 싶을 경우가 있다. 어떻게 보면 간단할 듯 한데 실제로 적용되기 까다롭다. 이유는 음소거 때문이다. 그냥 html 문서에 iframe으로 <iframe src="http://www.youtube.com/embed/영상ID"> 이런식으로 여러개 놓고 자동재생을 시키고 싶을 때는 영상ID 뒤에 ?autoplay=1 파라미터를 추가하고 반복이면 다시 뒤에&loop=1&playlist=영상ID를 추가해주면 여러 개의 영상이 자동 재생되어 반복 재생된다. 이러한 방식을 <iframe> 태그를 사용하여 IFrame […]
-
Javascript, jQuery 2016‧03‧24
JS - youtube 재생 완료 이벤트 받기
유튜브 영상을 가져와서 사이트를 제작할 경우가 발생할 때 여러가지 인터렉션을 구현하게 된다. 그 중 영상의 재생이 끝났다는 이벤트를 받아와서 다른 행동이나 스크립트가 실행되도록 하고자 할 때 아래와 같이 스크립트를 작성한다. 시작 전 ie8 이하는 해당 기능이 되지 않는다. 이유는 html5를 지원하는 브라우저에서만 가능하기 때문이다. <div id="player"></div> html에 유튜브 영상을 넣을 div를 만들어 놓는다. 스크립트가 실행되면 […]