media 객체

• media: Object

  Video/Audio element를 제어하기 위한 API를 제공합니다. media element에서 사용하는 경우 params.target을 생략하면 자기 자신을 컨트롤 합니다. window API에서 사용하는 경우 반드시 params.target(제어 대상 media)을 설정해야 합니다.

  // target media의 uid 찾기
  var uid = $this.find('media 아이디').uid;
  var params = {
    target: uid
  };

  • media.pause (params: Object, callback: Function): void

    미디어를 일시 정지 합니다.

    • params: Object

      • target : String

        미디어 Element의 uid값

    window.$this.media.pause({target:uid});

  • media.play (params: Object, callback: Function): void

    미디어를 재생 합니다.

    • params: Object

      • target : String

        미디어 Element의 uid값

    window.$this.media.play({target:uid});

  • media.stop (params: Object, callback: Function): void

    미디어가 재생중이면 재생을 멈춤니다.

    • params: Object

      • target : String

        미디어 Element의 uid값

    window.$this.media.stop({target:uid});

  • media.togglePlay (params: Object, callback: Function): void

    미디어 재생과 멈춤 (또는 일시정지)를 반복 합니다.

    • params: Object

      • target : String

        미디어 Element의 uid값

      • toggleValue : String

        toggle 동작시 멈춤 동작을 할것인지 일시정지 할것인지를 설정.

        일시정지("pause"). 멈춤("stop")

    window.$this.media.togglePlay({
      target:uid, 
      toggleValue:"pause"
    });

  • media.stopAllSound (param: Object): void

    재생중인 모든 미디어의 동작을 정지(또는 일시정지) 합니다.

    • params: Object

      • toggleValue : String

        toggle 동작시 멈춤 동작을 할것인지 일시정지 할것인지를 설정.

        일시정지("pause"). 멈춤("stop")

    window.$this.media.stopAllSound({
      toggleValue:"pause"
    });

  • media.toggleFullScreen (params: Object): void

    Video를 Fullscreen 모드로 전환 합니다. (Only video)

    • params: Object

      • target : String

        미디어 Element의 uid값

    window.$this.media.toggleFullScreen({target:uid});

  • media.config (params: Object, callback: Function): void

    media 속성을 설정 합니다.

    • params: Object

      • target : String 미디어 Element의 uid값

      • controls : Boolean | String 컨트롤러 보이기 상태를 설정. 설정(true), 해지(false), 토글("toggle")

      • currentTime : Number 재생 위치(시간)

      • loop : Boolean | String loop 재생을 설정. 설정(true), 해지(false), 토글("toggle")

      • muted : Boolean | String 묵음 상태를 설정. 설정(true), 해지(false), 토글("toggle")

      • src : String 미디어가 위치한 http 경로

      • volume : Number 소리 조절 (0~1)

    window.$this.media.config({
      target:uid,
      muted: true
    });
    // 해당 media가 묵음처리 되었습니다.

  • media.control (name: String, params: Object, callback: Function): void

    media API를 문자열 이름으로 호출하는 방식을 제공합니다.

    • name : String 호출하고자 하는 media API의 이름. ("play", "stop", "pause", "togglePlay"...)

    • params : Object name에 해당되는 media API에 설명된 내용과 같습니다.

    window.$this.media.control('play', {
      target:uid
    });
    
    // window.$this.media.play() API가 실행된것과 같습니다.