2006年12月30日

ポップアップ連続再生(WMP)概要

 このカテゴリーでは、文字やボタンなどを押すと、別ウインドウ(小窓)が開き、曲が再生される方法を紹介します。
 再生を予約し連続再生をさせたり、リピートさせることも出来ます。
 小窓にはWindows Media Playerが貼り付いていますが、その他に再生を予約した曲の一覧が表示され、順序を自由に入れ換えたりすることが出来ます。

 将来的にはCookieを使い、曲リストを保存したり、Windows Media Player用の再生ファイルを作成できる機能を追加したいと思っています。
 また、他のプレイヤーや、より多くの環境に対応できればと思っています。

 この方法で公開された曲を聞くには、Windows Media Player 7以降がインストールされたWindowsで、Microsoft Internet Explorerを使って見ていることが原則となります。
 他に若干の、それに準じた環境でも聞くことができますが、その環境が用意できない方のために、より汎用的な方法も併用します。

<ysfactory Windows Media Player window>
概要
(Last Midified 2006/01/21)
posted by わいずふぁくとりい | Comment(0) | TrackBack(0) | ポップアップ連続再生(WMP)

2006年01月28日

ポップアップ連続再生(WMP)見本@

 [今すぐ再生][再生を予約]を押すと、小窓(ウインドウ)が開き、曲の再生できます。
 予約した曲は、連続再生や、リピートさせることが出来ます。
 上手く動作しない場合は、連続再生は出来ませんが、[再生(左のふたつが使えない場合)]を試してください。

『Parade!』
  [今すぐ再生]  [再生を予約]  [再生(左のふたつが使えない場合)]

『Fair Wind』
  [今すぐ再生]  [再生を予約]  [再生(左のふたつが使えない場合)]

『雪と氷とお花とボクと』
  [今すぐ再生]  [再生を予約]  [再生(ダウンロードできます)]

  [ひとまずウインドウを開く]

  <使い方><動作環境>

<ysfactory Windows Media Player window>
(文字クリック)見本@
(Last Midified 2006/01/28)
posted by わいずふぁくとりい | Comment(0) | TrackBack(0) | ポップアップ連続再生(WMP)

2006年01月22日

ポップアップ連続再生(WMP)見本@の解説

■見本@の、記事の全存稿は下記のようになっています。
 黄色い部分は、 この機能を使うために必要なタグの類です。
 赤紫の部分は、 個々の事情によって置き換えが必要、または置き換えが可能な部分です。
 その他の白い部分は通常文字です。好きな内容に置き換え可能です。
<script type="text/javascript" src="http://ysfactory.up.seesaa.net/script/yf-wmp-wnd.js">
</script>  [今すぐ再生][再生を予約]を押すと、小窓(ウインドウ)が開き、曲の再生できます。
 予約した曲は、連続再生や、リピートさせることが出来ます。
 上手く動作しない場合は、連続再生は出来ませんが、[再生(左のふたつが使えない場合)]を試してください。

『Parade!』
&nbsp;&nbsp;<a
 href="javascript:void(0)" onclick='yf_wmp_play(
 "『Parade!』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0001.mp3")'
>[今 すぐ再生]</a

>&nbsp;&nbsp;<a
 href="javascript:void(0)" onclick='yf_wmp_entry(
 "『Parade!』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0001.mp3")'
>[再 生を予約]</a

>&nbsp;&nbsp;<a
 href="http://ysfactory.up.seesaa.net/songs/song0001.m3u"
>[再 生(左のふたつが使えない場合)]</a>

『Fair Wind』
&nbsp;&nbsp;<a
 href="javascript:void(0)" onclick='yf_wmp_play(
 "『Fair Wind』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0002.mp3")'
>[今 すぐ再生]</a

>&nbsp;&nbsp;<a
 href="javascript:void(0)" onclick='yf_wmp_entry(
 "『Fair Wind』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0002.mp3")'
>[再 生を予約]</a

>&nbsp;&nbsp;<a
 href="http://ysfactory.up.seesaa.net/songs/song0002.m3u"
>[再 生(左のふたつが使えない場合)]</a>

『雪と氷とお花とボクと』
&nbsp;&nbsp;<a
 href="javascript:void(0)" onclick='yf_wmp_play(
 "『雪と氷とお花とボクと』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0003.mp3")'
>[今 すぐ再生]</a

>&nbsp;&nbsp;<a
 href="javascript:void(0)" onclick='yf_wmp_entry(
 "『雪と氷とお花とボクと』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0003.mp3")'
>[再 生を予約]</a

>&nbsp;&nbsp;<a
 href="http://ysfactory.up.seesaa.net/songs/song0003.mp3"
>[再 生(ダウンロードできます)]</a>

&nbsp;&nbsp;<a href="javascript:yf_wmp_popup()">[ひとまずウインドウを開く]</a>

&nbsp;&nbsp;<a href="http://ysfactory-showroom.seesaa.net/article/12041526.html" target="_blank"><使い方></a><a href="http://ysfactory-showroom.seesaa.net/article/12041425.html" target="_blank"><動作環境></a>

&lt;ysfactory Windows Media Player window&gt;
(文字クリック)見本@
(Last Midified 2006/01/28)

●改行に関する注意
 「改行は<br/>タグに変換する」に」設定されていることを、前提にしています。
 タグの中側(「<」と「>」ではさまれている部分)で改行しても、記事の表示には影響しません。
 それ以外で改行した場合は、その通りに表示されます。

 最初(2行目)は、改行を入れずに内容を書き始めています。
 ここにに改行を入れると、記事のタイトルと、記事の内容との間に、隙間が空きすぎてしまいます。

●[ひとまずウインドウを開く]が必要ない場合
 支援ツールを使用すると、1曲ごとに[ひとまずウインドウを開く]が生成されてしまいますが、見本@のように、複数曲をひとつの記事にまとめると、不要 になるかも知れません。
 そのような場合は、
&nbsp;&nbsp;<a href="javascript:yf_wmp_popup()">[ひとまずウインドウを開く]</a>
を削除すると無くせます。


<ysfactory Windows Media Player window>
(文字クリック)見本@の解説
(Last Midified 2006/01/30)
posted by わいずふぁくとりい | Comment(0) | TrackBack(0) | ポップアップ連続再生(WMP)

2006年01月21日

ポップアップ連続再生(WMP)見本A

 見本@では文字をクリックしましたが、ここではボタンをクリックします。
 連続再生、リピートさせることも出来ます。

『散歩道』

    

  

  

   <使い方>・<動作環境

<ysfactory Windows Media Player window>
(ボタンクリック/追記にプラグインプレイヤー)見本A
(Last Midified 2006/01/26)

>>上手く動作しない場合
posted by わいずふぁくとりい | Comment(0) | TrackBack(0) | ポップアップ連続再生(WMP)

ポップアップ連続再生(WMP)見本Aの解説

■見本Aの、記事の原稿は下記のようになっています。
 黄色い部分は、 この機能を使うためのタグ類です。
 赤紫の部分は、 個々の事情によって変えないといけない、または変えて良い部分です。
 その他の白い部分は、記事の内容として表示されます。
<script type="text/javascript" src="http://ysfactory.up.seesaa.net/script/yf-wmp-wnd.js">
</script>  見本@では文字をクリックしましたが、ここではボタンをクリックします。
 連続再生、リピートさせることも出来ます。

『散歩道』

&nbsp;&nbsp;<input
 type="button" value="今すぐ再生"
 onclick='yf_wmp_play(
 "『散歩道』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0004.mp3")'
/>&nbsp;&nbsp;<input

 type="button" value="再生を予約"
 onclick='yf_wmp_entry(
 "『散歩道』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0004.mp3")'
/>

&nbsp;&nbsp;<input
 type="button" value="再生(上のふたつが使え ない場合)"
 onclick='location.href="http://ysfactory.up.seesaa.net/songs/song0004.m3u";'
/>

&nbsp;&nbsp;<input
 type="button" value="ひとまずウインドウを開 く"
 onclick="javascript:yf_wmp_popup()" />

&nbsp;&nbsp; <<a
 href="http://ysfactory-showroom.seesaa.net/article/12041526.html"
 target="_blank">使 い方</a>>・ <<a
 href="http://ysfactory-showroom.seesaa.net/article/12041425.html"
 target="_blank">動 作環境</a>

&lt;ysfactory Windows Media Player window&gt;
(ボタンクリック/追記にプラグインプレイヤー)見本A
(Last Midified 2006/01/26)



●改行に関する注意
 「改行は<br/>タグに変換する」に」設定されていることを、前提にしています。
 タグの中側(「<」と「>」ではさまれている部分)で改行しても、記事の表示には影響しません。
 それ以外で改行した場合は、その通りに表示されます。

 最初(2行目)は、改行を入れずに内容を書き始めています。
 ここにに改行を入れると、記事のタイトルと、記事の内容との間に、隙間が空きすぎてしまいます。

 最後には2個の改行が入っています。
 これによって、追記の見出しである「>>上手く動作しない場合」との間に、隙間が空いています。

●「再生(上のふたつが使えない場合)」が必要ない場合
&nbsp;&nbsp;<input
 type="button" value="再生(上のふたつが使え ない場合)"
 onclick='location.href="http://ysfactory.up.seesaa.net/songs/song0004.m3u";'
/>

の部分を削除してください。

●「ひとまずウインドウを開く」が必要ない場合
&nbsp;&nbsp;<input
 type="button" value="ひとまずウインドウを開 く"
 onclick="javascript:yf_wmp_popup()" />

の部分を削除してください。

■記事の追記部分は次のように書かれています。
>>上手く動作しない場合
『散歩道』
<object type="audio/x-mp3" height="45" width="300"><param
 name="src"
 value="http://ysfactory.up.seesaa.net/songs/song0004.mp3"><param
 name="autostart" value="false"><param name="save"
 value="false">
<embed src="http://ysfactory.up.seesaa.net/songs/song0004.mp3"
 type="application/x-mplayer2" autostart="0" save="0"
 height="45" width="300"></object>

(Last Midified 2006/01/26)


<ysfactory Windows Media Player window>
(ボタンクリック/追記にプラグインプレイヤー)見本Aの解説
(Last Midified 2006/02/07)
posted by わいずふぁくとりい | Comment(0) | TrackBack(0) | ポップアップ連続再生(WMP)

ポップアップ連続再生(WMP)見本B

 見本Bでは画像をクリックします。
 連続再生、リピートさせることも出来ます。

『早春の木漏れ日』
  今すぐ再生  再生を予約  再生(左のふたつが使えない場合)

『過ぎ去りし日々』
  今すぐ再生  再生を予約  再生(左のふたつが使えない場合)

『moonless night』
  今すぐ再生  再生を予約  再生(ダウンロードできます)

  ひとまずウインドウを開く

  <使い方><動作環境>

<ysfactory Windows Media Player window>
(画像をクリック)見本B
(Last Midified 2006/02/01)
posted by わいずふぁくとりい | Comment(0) | TrackBack(0) | ポップアップ連続再生(WMP)

ポップアップ連続再生(WMP)見本Bの解説

■見本Bの、記事の原稿は下記のようになっています。
 黄色い部分は、 この機能を使うためのタグ類です。
 赤紫の部分は、 個々の事情によって変えないといけない、または変えて良い部分です。
 その他の白い部分は、記事の内容として表示されます。
<script type="text/javascript" src="http://ysfactory.up.seesaa.net/script/yf-wmp-wnd.js">
</script>  見本Bでは画像をクリックします。
 連続再生、リピートさせることも出来ます。

『早春の木漏れ日』
&nbsp;&nbsp;<a
 href="javascript:void(0)" onclick='yf_wmp_play(
 "『早春の木漏れ日』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0005.mp3")'
><img
 src="http://ysfactory.up.seesaa.net/image/play-button.gif"
 alt="今すぐ 再生" border=0 /></a
>&nbsp;&nbsp;<a

 href="javascript:void(0)" onclick='yf_wmp_entry(
 "『早春の木漏れ日』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0005.mp3")'
><img
 src="http://ysfactory.up.seesaa.net/image/entry-button.gif"
 alt="再生を 予約" border=0 /></a
>&nbsp;&nbsp;<a

 href="http://ysfactory.up.seesaa.net/songs/song0005.m3u"
><img
 src="http://ysfactory.up.seesaa.net/image/alternate-play.gif"
 alt="再生 (左のふたつが使えない場合)"
 border=0 /></a>

『過ぎ去りし日々』
&nbsp;&nbsp;<a
 href="javascript:void(0)" onclick='yf_wmp_play(
 "『過ぎ去りし日々』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0006.mp3")'
><img
 src="http://ysfactory.up.seesaa.net/image/play-button.gif"
 alt="今すぐ 再生" border=0 /></a
>&nbsp;&nbsp;<a

 href="javascript:void(0)" onclick='yf_wmp_entry(
 "『過ぎ去りし日々』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0006.mp3")'
><img
 src="http://ysfactory.up.seesaa.net/image/entry-button.gif"
 alt="再生を 予約" border=0 /></a
>&nbsp;&nbsp;<a

 href="http://ysfactory.up.seesaa.net/songs/song0006.m3u"
><img
 src="http://ysfactory.up.seesaa.net/image/alternate-play.gif"
 alt="再生 (左のふたつが使えない場合)"
 border=0 /></a>

『moonless night』
&nbsp;&nbsp;<a
 href="javascript:void(0)" onclick='yf_wmp_play(
 "『moonless night』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0007.mp3")'
><img
 src="http://ysfactory.up.seesaa.net/image/play-button.gif"
 alt="今すぐ 再生" border=0 /></a
>&nbsp;&nbsp;<a

 href="javascript:void(0)" onclick='yf_wmp_entry(
 "『moonless night』 / TAM Music Factory",
 "http://ysfactory.up.seesaa.net/songs/song0007.mp3")'
><img
 src="http://ysfactory.up.seesaa.net/image/entry-button.gif"
 alt="再生を 予約" border=0 /></a
>&nbsp;&nbsp;<a

 href="http://ysfactory.up.seesaa.net/songs/song0007.mp3"
><img
 src="http://ysfactory.up.seesaa.net/image/download-button.gif"
 alt="再生 (ダウンロードできます)"
 border=0 /></a>

&nbsp;&nbsp;<a
 href="javascript:void(0)" onclick="yf_wmp_popup()"
><img src="http://ysfactory.up.seesaa.net/image/popup-button.gif"
 alt="ひとま ずウインドウを開く" border=0 /></a>

&nbsp;&nbsp;<a href="http://ysfactory-showroom.seesaa.net/article/12041526.html"

target="_blank"><使 い方></a><a
href="http://ysfactory-showroom.seesaa.net/article/12041425.html" target="_blank"><動作環境></a>

&lt;ysfactory Windows Media Player window&gt;
(画像をクリック)見本B
(Last Midified 2006/02/01)

<ysfactory Windows Media Player window>
(画像をクリック)見本Bの解説
(Last Midified 2006/02/07)
posted by わいずふぁくとりい | Comment(0) | TrackBack(0) | ポップアップ連続再生(WMP)

ポップアップ連続再生(WMP)使い方

■ブログ、ウェブ側の操作

 [今すぐ再生]を押すと、曲の再生が始まります。小窓がまだ開いていない場合は、再生用の小窓が開きます。
 連続再生中でも[今すぐ再生]を押すと、再生中の曲に割り込んで再生されます。そして割り込んだ曲の再生が終わると、連続再生の続きに戻ります。

 [再生を予約]を押すと、曲リストの最後に、その曲が追加されます。小窓がまだ開いていない場合は、再生用の小窓が開きます。
 曲リストに登録した局は、小窓側の操作で連続再生ができます。
 曲リストに登録できる曲は、最大30曲までです。

 上のふたつの方法が上手く動作しない場合は、[再生(左のふたつが使えない場合)]を押してみてください。
 残念ながら連続再生は出来ませんが、より多くの環境で曲を聴いていただくことが出来ます。

 [ひとまずウインドウを開く]を押すと、(小窓がまだ開いていない場合は)再生用の小窓が開きます。

 [今すぐ再生][再生を予約][再生(左のふたつが使えない場合)]などの表現は、ブログ、ウエブ作成者によって違うかもしれません。適宜そのページの 表現に読みかえて見てください。
 また、文字であったり、ボタンであったり、画像であったり、することもあるでしょう。

■小窓側の操作

 小窓の一番上には、現在再生中の曲が表示されます。

 Windows Media Playerの、有効になっているボタンは全て使えます。Windows Media Playerの先送り、巻き戻しボタンは使えません。その下の[<前へ][次へ>]を使用してください。

 [<前へ]または[次へ>]ボタンを押すと、連続再生が始まります。
 連続再生は現在選択されている曲、または(選択されている曲がない場合は)最初(または最後)の曲から始まります。
 連続再生の途中で、[<前へ]または[次へ>]ボタンを押すと、次の曲へ進みます。

 [停止]ボタンを押すと、再生が終了します。

 再生は曲リストの中の、何れかの曲をダブルクリックしても始まります。
 連続再生中にダブルクリックすると、再生をその曲まで飛ばすことが出来ます。

 リピートの選択は表示どおりです。

 [▲上へ][▼下へ]ボタンで、選択されている曲の順序を変えることが出来ます。
 [×削除]ボタンを押すと、選択されている曲が削除されます。
 [全曲削除]ボタンを押すと、表示されている曲がすべて削除されます。
  この操作だけでは、クッキーに保存されている曲は削除されません。

■クッキーについて(バージョン2から対応)

 [クッキーへ保存]ボタンを押すと、その時点で表示されている曲リストが、クッキーに保存されます。
 保存された曲リストは、次回小窓を開いたとき再現されます。
 クッキーへの保存は、小窓を閉じるときには行われません。保存されるのはあくまでも、このボタンを押したときだけです。

<ysfactory Windows Media Player window>
使い方(バージョン2対応)
(Last Midified 2006/10/08)
posted by わいずふぁくとりい | Comment(2) | TrackBack(0) | ポップアップ連続再生(WMP)

ポップアップ連続再生(WMP)動作環境

 ポップアップ連続再生(WMP)を使用するためには、
@Windows Media Player 7以降がインストールされていること。
AWindowsであること。
BブラウザにMicrosoft Internet Explorerを使っていること。
が、原則となります。
 「Mozilla FirefoxでActiveXを使う方法(Windows)」で紹介している方法を施すと、「Mozilla Firefox」でも動作可能になります。

 その他に、
CJavaScriptの実行を許可していること。
が必要になります。

 なお、当方の動作確認は、次の環境で行っています。
 ・Windows Media Player 9
 ・Microsoft Internet Explorer 6
 ・Mozilla Firefox 1.5
 ・Microsoft Windows 2000 SP4

<ysfactory Windows Media Player window>
動作環境
(Last Midified 2006/01/21)
posted by わいずふぁくとりい | Comment(0) | TrackBack(0) | ポップアップ連続再生(WMP)

「yf-wmp-wnd.js」は自由に使ってください

 ここで紹介している、 ポップアップ連続再生(WMP)を使用するには、私のブログスペースにあるスクリプト「http://ysfactory.up.seesaa.net/script/yf-wmp-wnd.js」 が必要です。
 このスクリプトは「ご 利用・免責など」に従って、自由に使って頂いて結構です。
 私のブログスペースにあるものを直接呼び出して頂いても結構ですし、ご自分のブログスペースや、ウェブスペースなどにコピーされて、使って頂いても結構 です。

<ysfactory Windows Media Player window>
(Last Midified 2006/01/21)
posted by わいずふぁくとりい | Comment(0) | TrackBack(0) | ポップアップ連続再生(WMP)

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は1年以上新しい記事の投稿がないブログに表示されております。