Title: Topspin Streaming Player
Author: fraxture
Published: <strong>2012 年 7 月 20 日</strong>
Last modified: 2012 年 7 月 21 日

---

搜尋外掛

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://s.w.org/plugins/geopattern-icon/topspin-streaming-player-plugin.svg)

# Topspin Streaming Player

 由 [fraxture](https://profiles.wordpress.org/fraxture/) 開發

[下載](https://downloads.wordpress.org/plugin/topspin-streaming-player-plugin.0.1.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/topspin-streaming-player-plugin/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/topspin-streaming-player-plugin/#reviews)
 * [開發資訊](https://tw.wordpress.org/plugins/topspin-streaming-player-plugin/#developers)

 [技術支援](https://wordpress.org/support/plugin/topspin-streaming-player-plugin/)

## 外掛說明

### **Description**

This plugin adds a widget for displaying a [Topspin](http://topspinmedia.com) streaming
player to the widget areas on your site. In order to use this plugin, you will need
to set up an account with Topspin.

### **Live Examples**

[http://okgo.net](http://okgo.net/) – Streaming player widget used on the front 
page.

### **Feedback & Donations**

Please remember to rate this plugin. If you have comments, critique, or suggestions
either send an email to emiller@screen-cuts.com or leave feed back in the support
forum here.

If you like this plugin, please consider [donating](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CDV95SG2YQXXY).
It will lead to further improvements.

### **Installing the Plugin**

 1. First, this plugin is designed to work with Topspin, so you’ll need a topspin account.
    Visit [topspinmedia.com](http://topspinmedia.com) to open an account.
 2. Once you’ve created an account, install the plugin in your WordPress site by either
    installing the plugin through wordpress’s automatic installation pages, or by
     
    uploading the ‘topspin-streaming-player’ folder to your plugins directory (i.e./
    yoursite/wp-content/plugins).
 3. Active the plugin in the WordPress Plugins Dashboard.

### **Using the Topspin Streaming Player Widget**

 1. Activate Widget

Once you’ve installed and actived the plugin, the Topsin Streaming Player Widget
will be available in the widgets page of your WordPress installation. In order to

enable an instance of the widget simply drag into one of your widget areas, as you
would any other WordPress widget.

 1. Set the Topspin widget ID

In order to specify, which streaming player you want to load into your widget, you
will then need the widget ID that Topspin assigns to each Streaming Player. If
 
you have not already created any streaming player widgets, you will need to do so
within the [Topspin App](http://app.topspin.net). After setting up the streaming
player within Topspin, find the Widget ID for the player. The widget ID can be found
in the embed code for each widget. Here is an example of the embed code with the
widget ID in bold:

> `<iframe id="tsFrame127019" src="http://cdn.topspin.net/api/v3/player/`**127019**`"
> frameborder="0" width="234" height="226" ></iframe>`

 1. Choose the Topspin Streaming Player Version

As of July 2012, Topspin has three available version of their streaming player. 
The default version–ie the version provided in the embed code within the Topspin

App–is Version 3. Each of these versions have a different look and feel and also
different customization options. You will need to select which version you want 
to display.

_Note: If you select Version 1, you will also need to provide the Artist ID, which
can be found within the [Topspin App](http://app.topspin.net)._

 1. Set the Width and Height of the Streaming Player

In order to get the streaming player to fit correctly into the widget area on your
website, you may need to set the width and height of the player, which you are
 
able to do for each version of the player.

 1. Additional Customization?

Customization for the Topspin Streaming Players is handled differently for each 
version — by Topspin’s design.

**Version 1** – No customization possible at the moment. This may be added to future
versions of this plugin.

**Version 2** – Customization of Version 2 of the Topspin Streaming Player is possible
within this plugin. For this, you’ll need to go to the Settings Page for the
 Topspin
Streaming Player Plugin (Settings->Topspin Player). There you’ll find editable CSS
styles with a description of what part of the Version 2 player each style impacts.
This will likely take some trial and error to get right.

**Version 3** – Customization for Version 3 of the streaming player must be handled
within the [Topspin App](http://app.topspin.net).

## 螢幕擷圖

 * [[
 * Widget Interface
 * [[
 * Player Version One
 * [[
 * Player Version Two
 * [[
 * Player Version Three

## 常見問題集

  Do I need a Topspin account to use this plugin?

Yes. Go to [topspinmedia.com](http://topspinmedia.com) to set one up.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Topspin Streaming Player〉的開發相關工作。

參與者

 *   [ fraxture ](https://profiles.wordpress.org/fraxture/)

[將〈Topspin Streaming Player〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/topspin-streaming-player-plugin)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/topspin-streaming-player-plugin/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/topspin-streaming-player-plugin/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/topspin-streaming-player-plugin/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/topspin-streaming-player-plugin/)。

## 中繼資料

 *  版本 **0.1**
 *  最後更新 **14 年前**
 *  啟用安裝數 **10+**
 *  WordPress 版本需求 ** 3.0.2 或更新版本 **
 *  已測試相容的 WordPress 版本 **3.4.2**
 *  語言
 * [English (US)](https://wordpress.org/plugins/topspin-streaming-player-plugin/)
 * 標籤:
 * [music](https://tw.wordpress.org/plugins/tags/music/)[Topspin](https://tw.wordpress.org/plugins/tags/topspin/)
   [widget](https://tw.wordpress.org/plugins/tags/widget/)
 *  [進階檢視](https://tw.wordpress.org/plugins/topspin-streaming-player-plugin/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/topspin-streaming-player-plugin/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/topspin-streaming-player-plugin/reviews/)

## 參與者

 *   [ fraxture ](https://profiles.wordpress.org/fraxture/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/topspin-streaming-player-plugin/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CDV95SG2YQXXY)