Difference between revisions of "Embedded Player"

From Ace Stream Wiki
Jump to: navigation, search
(Кнопка для запуска плеера)
(Ссылки, необходимые для встраивания плеера на страницу сайта)
 
(5 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
== Ссылки, необходимые для встраивания плеера на страницу сайта ==
 
== Ссылки, необходимые для встраивания плеера на страницу сайта ==
  
Чтобы встроить плеер на страницу своего сайта, вставьте скрипты и ссылки в <body> (в начале или в конце).
+
Чтобы встроить плеер на страницу своего сайта, вставьте скрипты и стили перед закрывающим тегом <tt></body></tt>.
 
 
=== Ссылки на скрипты ===
 
  
 
  <tt><nowiki> <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/ts/core.js"></script>
 
  <tt><nowiki> <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/ts/core.js"></script>
Line 19: Line 17:
 
  <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/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/player.js"></script>
  <script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/ts/controls.js"></script></nowiki></tt>
+
  <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" />
  <tt><nowiki> <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" />
  <link type="text/css" rel="stylesheet" href="http://static.torrentstream.org/jsapi/css/ts-controls-white.css" /></nowiki></tt>
 
  
=== Запуск плеера ===
+
  <script type="text/javascript">
 
+
    var controls = new TorrentStream.Controls(null, {
  <tt><script type="text/javascript">
+
      style: "ts-white-screen"
var controls = new TorrentStream.Controls(null, {
+
    });
        style: "ts-white-screen"
+
    function showPlayer(contentId) {
});
+
      controls.showPlayer(function() {
function showPlayer(contentId) {
 
    controls.showPlayer(function() {
 
 
             try {
 
             try {
 
                 var player = new TorrentStream.Player(this.getPluginContainer(), {
 
                 var player = new TorrentStream.Player(this.getPluginContainer(), {
Line 46: Line 41:
 
                 controls.onSystemMessage(e);
 
                 controls.onSystemMessage(e);
 
             }
 
             }
    });
+
      });
}
+
    }
  </script></tt>
+
  </script></nowiki></tt>
  
 
== Кнопка для запуска плеера ==
 
== Кнопка для запуска плеера ==
Line 54: Line 49:
 
После того, как все скрипты и ссылки будут вставлены, создайте кнопку или ссылку, при нажатии на которую будет загружаться плеер. При нажатии на данную кнопку необходимо вызвать объявленную ранее функцию <tt>'''showPlayer()'''</tt>. Эта функция принимает один параметр: идентификатор контента (content id), который необходимо проиграть в плеере. Пример:
 
После того, как все скрипты и ссылки будут вставлены, создайте кнопку или ссылку, при нажатии на которую будет загружаться плеер. При нажатии на данную кнопку необходимо вызвать объявленную ранее функцию <tt>'''showPlayer()'''</tt>. Эта функция принимает один параметр: идентификатор контента (content id), который необходимо проиграть в плеере. Пример:
  
  <tt><input type="button" value="open" onclick="showPlayer('fa8ddccad4aea0a41d000a4f243c11dee99c4087');" /> <!-- Кнопка/ссылка для запуска плеера --></tt>
+
  <tt><input type="button" value="open" onclick="showPlayer('fa8ddccad4aea0a41d000a4f243c11dee99c4087');" /> </tt>

Latest revision as of 17:35, 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>

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

После того, как все скрипты и ссылки будут вставлены, создайте кнопку или ссылку, при нажатии на которую будет загружаться плеер. При нажатии на данную кнопку необходимо вызвать объявленную ранее функцию showPlayer(). Эта функция принимает один параметр: идентификатор контента (content id), который необходимо проиграть в плеере. Пример:

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