Difference between revisions of "Embedded Player"

From Ace Stream Wiki
Jump to: navigation, search
(Новая страница: «== Пример плеера == http://torrentstream.org/test-popup.html == Ссылки, необходимые для встраивания плеера на с…»)
 
(Запуск плеера)
Line 31: Line 31:
 
         style: "ts-white-screen"
 
         style: "ts-white-screen"
 
  });
 
  });
  function showPlayer() {
+
  function showPlayer(contentId) {
 
     controls.showPlayer(function() {
 
     controls.showPlayer(function() {
 
             try {
 
             try {
Line 39: Line 39:
 
                             this.registerEventHandler(controls);
 
                             this.registerEventHandler(controls);
 
                             controls.attachPlayer(this);
 
                             controls.attachPlayer(this);
                             this.loadPlayer("'''Content ID'''"); <!-- ID проигрываемого контента -->
+
                             this.loadPlayer(contentId);
 
                         }
 
                         }
 
                 });
 
                 });
Line 49: Line 49:
 
  }
 
  }
 
  </script></tt>
 
  </script></tt>
 
<tt>'''Content ID'''</tt> - ID проигрываемого контента.
 
  
 
== Кнопка для запуска плеера ==
 
== Кнопка для запуска плеера ==

Revision as of 16:44, 3 December 2012

Пример плеера

http://torrentstream.org/test-popup.html

Ссылки, необходимые для встраивания плеера на страницу сайта

Чтобы встроить плеер на страницу своего сайта, вставьте скрипты и ссылки в <body> (в начале или в конце).

Ссылки на скрипты

 <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/ts/core.js"></script>
 <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery-1.7.min.js"></script>
 <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery.mousewheel.js"></script>
 <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery.easing.1.3.js"></script>
 <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery-ui-1.8.9.custom.min.js"></script>
 <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery.jscrollpane.js"></script>
 <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery.scrollText.js"></script>
 <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/cufon/cufon.js"></script>
 <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/cufon/a_LCDNova_400.font.js"></script>
 <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/ts/player.js"></script>
 <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/ts/controls.js"></script>

Стили

 <link type="text/css" rel="stylesheet" href="http://static.torrentstream.org/jsapi/css/ts-buttons.css" />
 <link type="text/css" rel="stylesheet" href="http://static.torrentstream.org/jsapi/css/ts-controls-white.css" />

Запуск плеера

<script type="text/javascript">
var controls = new TorrentStream.Controls(null, {
       style: "ts-white-screen"
});
function showPlayer(contentId) {
   controls.showPlayer(function() {
           try {
               var player = new TorrentStream.Player(this.getPluginContainer(), {
                       debug: true,
                       onLoad: function() {
                           this.registerEventHandler(controls);
                           controls.attachPlayer(this);
                           this.loadPlayer(contentId);
                       }
               });
           }
           catch(e) {
               controls.onSystemMessage(e);
           }
   });
}
</script>

Кнопка для запуска плеера

После того, как все скрипты и ссылки будут вставлены, создайте кнопку или ссылку, при нажатии на которую будет загружаться плеер. Присвойте ей аттрибут onclick="showPlayer();":

<input type="button" value="open" onclick="showPlayer();" />