Cacher is the code snippet organizer for pro developers

<script src='//cdn.cine.io/cineio-broadcast.js'></script>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript">

  $(document).ready(function(){
    console.log("ready");

    CineIO.init('2a4865ad6c5476b12ac9d906ec756f4c');

    window.publish();
  });

  function publish() {

    console.log("publishing");

    var streamId = '558417f822fb9511005406bb'
      , password = 'world8'
      , domId = 'publisher-example'
      , publishOptions = {
        audioCodec: 'NellyMoser',
        streamFPS: 15,
        intervalSecs: 3,
        streamWidth: "480px",
        streamHeight: "360px",
        videoQuality: 0
      };

    var publisher = CineIO.publish(streamId, password, domId);

    publisher.start();
  }

  function play() {
    var streamId = '558417f822fb9511005406bb'
      , domId = 'player-example'
      , playOptions = {
        width: "360px",
        height: "640px",
        autostart: false,
        mute: true
      };

      var callback = function(error, player){
        console.log("playing");
      }

    CineIO.play(streamId, domId, playOptions, callback);
  }
</script>

<div id="publisher-example">
</div>

<div id="player-example">
</div>

<a href="#" onclick="play()">Play</a>