twitch
대화 형 소스 비디오 플레이어

라이브 스트리밍 비디오 플레이어

기본 구현 :

<script src= "http://player.twitch.tv/js/embed/v1.js"></script>
<div id="PLAYER_DIV_ID"></div>
<script type="text/javascript">
    var options = {
        width: 854,
        height: 480,
        channel: "monstercat", 
    };
    var player = new Twitch.Player("PLAYER_DIV_ID", options);
    player.setVolume(0.5);
</script>

컨트롤 숨김 :

<script src= "http://player.twitch.tv/js/embed/v1.js"></script>
<div id="PLAYER_DIV_ID"></div>
<script type="text/javascript">
    var options = {
        width: 854,
        height: 480,
        channel: "monstercat", 
        controls: false,
    };
    var player = new Twitch.Player("PLAYER_DIV_ID", options);
    player.setVolume(0.5);
</script>

녹화 된 (라이브가 아닌) 비디오 플레이어

<script src= "http://player.twitch.tv/js/embed/v1.js"></script>
<div id="PLAYER_DIV_ID"></div>
<script type="text/javascript">
    var options = {
        width: 854,
        height: 480,
        video: "v53336925", 
    };
    var player = new Twitch.Player("PLAYER_DIV_ID", options);
    player.setVolume(0.5);
</script>

위의 스 니펫은 다음 동영상을 재생합니다. twitch.tv/general_mittenz/ v / 53336925

음소거 된 플레이어로 시작

<script src= "http://player.twitch.tv/js/embed/v1.js"></script>
<div id="{PLAYER_DIV_ID}"></div>
<script type="text/javascript">
    var options = {
        width: 854,
        height: 480,
        channel: "{CHANNEL}"    
    };
    var player = new Twitch.Player("{PLAYER_DIV_ID}", options);
    player.setMuted(true);
</script>