スキン
スキンは、映像や画像、テロップの背景として使用されます。CMSサーバーには多くのテンプレート(スキン)が組み込まれており、魅力的なコンテンツを簡単に作成することができます。 また、CMSのオンライン管理画面やオフラインでパソコンから新しいスキンをデザインすることも可能です。 ここでは、ライブラリ > スキンページでスキンを管理する方法を紹介します。
まずひとつのグループをクリックすると、そのグループに割り当てられたスキンを管理することができます。
![]() |
新しいスキンの追加
- 新しいスキンの追加
をクリックすると、オンラインレイアウトエディタが開きます。
- ゼロから新しいスキンを作成するか、
テンプレートを開くをクリックし、既存のスキンファイルの設定を変更することができます。
- 名前と説明を入力します。
- 新しい解析度を追加する。 左上の解析度ウィンドウの
をクリックすると、ポップアップウィンドウが表示されます。 画面解析度をドロップダウンメニューから選択し、画面の回転方向を選択します。
注意事項スキンは、CAYIN Skin Editorであらかじめ編集した解析度にのみ適用することができます。 将来、様々な状況で使用できるように、可能な限りすべての解析度をアップロードすることをお勧めします。
- これで、背景と各ゾーンの編集を開始することができます。 左下には、ゾーンと背景の選択肢がすべて表示された小さなウィンドウがあります。
- スキンの背景色を変更することができます。 背景アイコンをクリックし、好みの色を選択します。 カスタム背景画像のインポートもできます。
- 次に、編集したいゾーンを選択します。 例えば、複数の映像ゾーンを先に編集したい場合、ゾーンウィンドウのVideo-1にチェックを入れると、Video-1が有効になるのを確認できます
。次に、背景上でメディアゾーンの大きさをドラッグしてください。終了すると、ゾーン内に映像アイコンが表示されます。ゾーンを無効にしたい場合は、再度
アイコンを選択すると、ゾーンがグレーアウトされます。
注意事項映像、画像、テロップ、HTML/Flashの4種類のゾーンすべてにおいて、まずゾーン1を設定しないとゾーン2の設定を行えません。
- 時計を設定したい場合は、まず時計ゾーンを有効にし、時計オプション
選択します。 すると、利用可能なすべての時計オプションが表示されるので、適切な時計を選択して閉じるをクリックし、時計を配置したい場所に配置します。
- 各ゾーンのサイズを変更したい場合は、そのゾーンをクリックし、ゾーンの端にマウスを移動させます。 矢印が表示されたら、マウスの左ボタンを押したまま、好きな大きさにドラッグします。 また、上のツールバーで座標値を入力することで、ゾーンサイズを直接変更することもできます。 特定のゾーンを移動させたい場合は、ドラッグして移動させます。
- スキンに複数の解析度を表示させたい場合は、左上の解析度ウィンドウから別の解析度を選択し、この操作を繰り返してください。
注意事項
背景画像の拡大・縮小を行なっている時に、画質が悪く感じる事があります。 これは、画像プレビューウィンドウはあくまで参考であり、最終的なスキン出力の品質や鮮明さに影響を与えないためです。
- すべての設定が完了したら、保存をクリックしてスキンファイル(.csk)を保存してください。
注意事項
テンプレートを開くを使用しこのスキンを編集している場合、保存をクリックすると、元のスキンは完全に新しいスキンに置き換わります。
次の表は、ツールバーの主な機能の概要です。
アイコン | 名称 | 説明 |
---|---|---|
![]() |
拡大/縮小 | スキンビューウィンドウの拡大・縮小 |
![]() |
1:1 | スキンを実寸で表示 |
![]() |
画面サイズに合わせる | 画面サイズに合わせた表示スキン |
![]() |
上/下/左/右 アライメント | すべてのゾーンを上下左右に揃ます。 最初にゾーンをクリックし、Ctrlキーを押しながら他のゾーンを選択してください。 |
![]() |
位置 | ゾーンの左上にある座標の位置を調整します。 |
![]() |
幅/高さ | スキンに追加する各ブロックのサイズを調整します。 |
既存スキンの管理
スキンのプレビュー
- プレビューしたいスキンにカーソルを合わせると、虫眼鏡アイコン
が表示されます。
- プレビューアイコンをクリックすると、スキンの詳細情報がポップアップウィンドウで表示されます。
画像プレビュー | このスキンの拡大図を見ることができます。 このスキンファイル(.csk)が縦式と横式のレイアウトを含んでいる場合、システムは現在の画面設定に基づき最も適切なスキンを表示します。また、異なる解析度の項目をクリックし、個々の画像をプレビューすることができます。 |
---|---|
スキン名 | このスキンの名称。 |
解像度 | 1つのスキンに複数の解析度を持たせる事ができます。アスタリスク(*) の付いた解析度は、現在のスクリーンの解析度に対応しています。 プレーヤーに接続されているスクリーンがない場合、アスタリスク(*)は表示されません。 |
ブロック情報 | ここでは、このスキン内の各ゾーンの種類とサイズを確認できます。 |
スキンの編集
- 編集したいスキンにカーソルを合わせると、鉛筆のアイコン
が表示されます。
- 編集アイコンを選択すると、オンラインスキンエディター(Skin Editor )が起動し、スキンの修正が開始されます。
- 編集が終わったら、保存または名前を付けて保存...を選択し、設定を保存します
スキンの削除
- 削除したいスキンにカーソルを合わせると、削除アイコン
が表示されます。
- 削除アイコンをクリックすると、CMSサーバーからスキンを削除することができます。
スキンのアップロード
このCMSサーバーに独自のスキンをアップロードすることができます。
-
、
アップロードボタンをクリックすると、ポップアップウィンドウが表示されます。
- 参照をクリックして、アップロードするファイルを選択し、アップロードをクリックします。
- スキンのアップロードに成功すると、ライブラリ > スキン ページにスキンが表示されます。
スキンのエクスポート
您パソコンにスキンをエクスポートしバックアップし、後で他のSMPプレーヤーやCMSサーバーにアップロードできます。 さらに、これらのスキンをスキンエディター(Skin Editor )で開き、その設定を変更することができます。
- エクスポート
をクリックすると、ポップアップウィンドウが表示されます。
- エクスポートしたいスキンをクリックし、エクスポートをクリックします。
注意事項
一度にひとつのスキンCSKファイルまたは同時に複数のスキンCSKSファイルをエクスポートできます。CSKSファイルは他のSMPプレーヤーやCMSサーバーにアップロードすることができますが、スキンエディター(Skin Editor )で開いてさらに修正することはできません。
オンラインリソース
CAYINテクノロジーは、随時新しいスキンを発表していきます。 オンラインリソース をクリックすると、こちらにもスキンのオプションがあります。 デフォルトスキンを削除した場合、オンラインリソースから再ダウンロードすることも可能です。
ウィンドウの右上には、その他のソート機能があります。スキン名のアルファベット順、アップロード日順でソートできます。 スキン名またはアップロード日を選択し実行してください。
各スキンには、以下の情報と機能があります。
スキンプレビュー | こちらでスキン画像をプレビューできます。 ![]() ![]() |
---|---|
名称 | このスキンのスキン名です。 |
日付 | 時計がアップロードされた日付。 |
ダウンロード回数 | このスキンのダウンロード回数です。 |
解像度 | このスキンのサイズです。 |
ダウンロード |
|