JAlbum 上級 その３ （音楽を流す-２）

●BGM演奏用のJavascript

選曲ができる。 （ランダム選曲、時刻選曲、手動選曲）

選曲やON/OFFの状態をページ毎に記憶しておき、再訪問の時は自動で設定される。

デザインは、CSSファイルを編集することで変更できる。

※ このスクリプトの詳細は、こちら を参照ください。

●サンプル

サンプル１　　ダウンロード　　手動選曲、シンプルなボタン

サンプル２　　ダウンロード　　時刻選曲、CSSを使ったボタン

サンプル３　　ダウンロード　　ランダム選曲、画像を使ったボタン

サンプル４　　ダウンロード　　手動選曲、画像を使ったプレイヤーデザイン

サンプル５　　ダウンロード　　ランダム選曲、CSSを使ったボタン、縦分割

●設定方法

(1)[設定] [高度な設定] [名前]タブ を選択し、”インデックスページの名前”を「main」にする。
(2)アルバムを作成する。
(3)ダウンロードしたファイルを解凍する。

  +- midi** -+- style.css       ・・・ デザイン定義

  |          +- *****.mid      ・・・ MIDI形式の音楽ファイル

  |          +- *****.gif      ・・・ GIF形式の画像ファイル

  +- midiplayer.js      ・・・ Javascript のプログラム 

  +- index.html         ・・・ 最初のインデックスページ（背景色を変更）

  +- bgm**.html         ・・・ 音楽演奏ページ（曲ファイル名、説明を変更）

(4)全てのファイルをトップフォルダに入れる。

  +- album01 -+- slides

  |           +- thumbs

  |           +- main.html

  +- album02 -+- slides

  |           +- thumbs

  |           +- main.html

  +- res

  +- main.html

  +- midi** -+- style.css

  |          +- *****.mid

  |          +- *****.gif

  +- midiplayer.js

  +- index.html

  +- bgm**.html

(5)確認は、[プレビュー]ではなく、出力フォルダの「index.html」を表示させる。

【まほろば】JAlbum 初級 その１（概要とインストール）
【まほろば】JAlbum 初級 その２ （アルバム作成までの流れ）
【まほろば】JAlbum 初級 その３ （設定とアップロード）
【まほろば】JAlbum 初級 その４ （スキン ExhibitPlus）
【まほろば】JAlbum 中級 その１ （スキン Chameleon）
【まほろば】JAlbum 中級 その２ （スキン BluPlusPlus）
【まほろば】JAlbum 中級 その３ （スキン Matrix）
【まほろば】JAlbum 中級 その４ （音楽を流す-１）
【まほろば】JAlbum 中級 その５ （ギフトCDを作る）
【まほろば】JAlbum 上級 その１ （ExhibitPlus の改造）
【まほろば】JAlbum 上級 その２ （BluPlusPlus の改造）
【まほろば】JAlbum 上級 その３ （音楽を流す-２）