2016年に開発した、ブログ、ホームページ用のクロスプラットフォーム_とバイリンガル（多言語_）表示と連続再生を目指した、汎用ＭＰ３音源プレイヤーです。開発を満了したJavaScriptソースファイルを配布します。サンプルは次の通りです。


先にMP3プレイヤーで脳に響く音楽を聞きながら・・・
Apple-iOS スマートフォン / Google-Android タブレット / Smart TV_ / MS-Windows PC / Linux X-Window PC
あなたのどんな環境でもＭＰ３_音源を聞けます？！
さあ画像をクリックしよう！



あなたに、そして友達にも！

  1. 音楽活動を目指している方にこそ使ってください！
    JavaScript埋め込みをサポートする全てのブログやホームページでロー・レゾリューション・オーディオ（低レゾ）でフルコーラスの音源を配信し、またハイ・レゾリューション・オーディオ_を10秒間だけ配信し、フルコーラスのハイ・レゾリューション・オーディオを有料で購入してもらいましょう！
  2. ありがたい「お経」を録音している檀家の皆さんと住職さんにこそ使ってください！
    観光立地のＰＲに「音の配信」を追加しましょう。般若心経を聞く
  3. ホームページ制作担当の方こそ使ってください！
    競合先との差別化に「音の配信」を特徴にしませんか？
    コストを掛けないで直ぐに英語日本語を並べて簡単にコンテンツ全体の言語バイリンガル化のデモが出来ますよ！

特徴

  1. さまざまな異なるブログで利用可能！
    記事をミラーリング投稿していますが何ら問題なく機能しています。「良いブログと利用できないブログ_」を参照願います。つまり本位、不本意に関係なくブログの引越しを行っても、MP3音源プレイヤーが新しい引越し先でトラブルを起こしません。
  2. HTML5 / FLASH 自動判別
    2020年末にはFLASHのサポートが終了しますが、FLASHのクリーン・アンインストールを行っていないユーザー（ブラウザー）ではFLASHプレイヤーが走ります。利用中の全てのブラウザーでFLASHと完全に決別したかのリトマス試験紙的なＭＰ３プレイヤーと言えます。ブラウザーのオプション設定で、FLASH機能をオフにしますが、それでもこのＭＰ３プレイヤーでFLASHが走るなら、FLASHを読み込もうとするブラウザーのクリーン・アンインストールの決断を促す試薬になるのかも知れません。
  3. ページ内での多重再生を自動的に防止！
  4. 複数のMP3 URL登録可能
  5. 単一音源のみの再生可能
  6. 連続再生可能
  7. 次の曲、前の曲位置決め再生可能
  8. 連続再生時の音源タイムアウト時は自動的に次の曲を再生
  9. 長文セットリスト可能
  10. セットリスト内にハイパー・リンク文字定義可能
  11. ブラウザーの優先言語でメニュー言語を自動的に切り替えます
    セットリスト言語の自動切換えサポート
  12. セットリスト内に多言語サポート（英語・日本語のみ）
    ブラウザーの優先言語「ｊａ」なら日本語を優先表示し、「ｊａ」以外ならＡＳＣＩＩコード（英語）メニューを表示可能。
  13. 記事全体で日本語と英語を併記できます。
    本記事で配布しているJavaScriptには、現在、英語と日本語の文章を併記された記事を自動で言語を切り替えマスクする機能を内包します。解説は後述します。_
  14. 緊急停止並びにプレイヤーの痕跡削除可能
  15. 単一JavaScriptで実現
    他のJavaScriptは無用です。他のJavaScriptに全く依存しません。
  16. Aタグでプレイヤーを配置可能

１つのグローバル関数

playSoundByFlashWithIPhone()
古い時代や、その後のバージョンアップで紹介した全ての異種グローバル関数名でも等価同等に稼動します。過去記事での投稿で最新ＭＰ３音源プレイヤーが立ち上がらない場合はお気軽にお問い合わせ願います！

関数呼び出し時の
パラメーターの解説

playSoundByFlashWithIPhone('第一パラメーター','第二パラメーター',第三パラメーター,'第四パラメーター','第五パラメーター');
  1. 第一パラメーター(文字型)：MP3公開ＵＲＬ
    複数音源を指定する場合は、 | で区切る
  2. 第二パラメーター(文字型)：プレイヤーを流し込むＩＤを指定する。
    例えば、<div id="MP3ABCDEF"></div>にプレイヤーを出現したい場合に、第二パラメーターにＩＤを指定する。
  3. 第三パラメーター(整数)：プレイヤータイプ
    • 5 : セットリストをmarquee＋プレイヤー(小)で表示。
      <div align="right" id="MP3TEST5">ここに！</div>
    • 4 : セットリストをmarquee＋プレイヤー(大)で表示。
      <div align="right" id="MP3TEST4">ここに！</div>
    • 3 : marqueeを表示せず、単一音源をプレイヤー(小)で再生。
      <div align="right" id="MP3TEST3">ここに！</div>
    • 2 : marqueeを表示せず、単一音源をプレイヤー(大)で再生。
      <div align="right" id="MP3TEST2">ここに！</div>
  4. 第四パラメーター(文字型)：イジェクトアイコンをクリックした場合に表示されるメッセージ
  5. 第五パラメーター(文字型)：セットリスト（題名）
    複数音源を指定する場合は、 | で区切る

採用したFLASHプレイヤー

MP3 Player_のFLASHを採用しました。元々は、FLASHプレイヤーで音源を鳴らずことから開発を出発し、後からHTML5を追加したと言う歴史があります。ブラウザーの設定と、FLASHのインストールによって、自動的にFLASHプレイヤーを起動します。ブラウザーの設定で、FLASHを排他している場合は、自動的にHTML5のプレイヤーが利用できます。以下のＳＷＦファイルが必須です。ダウンロードの為の直リンクはありません。各ＳＷＦをダウンロードしましょう！
  1. player_mp3_mini.swf
  2. player_mp3_maxi.swf
  3. muses.swf
あなたがFLASHを嫌っていても、わずか数％であっても、あなたのブログに接続する訪問者のブラウザーがFLASHを要求するので、以上のFLASHコードが必須です！

JavaScriptの入手

自分用にアップロード

  1. アップロードするあなたのサーバーの公開URLを確認してください。
    このごろはＳＳＬは無料です！無料ですから、ＳＳＬなＵＲＬで接続できるのが望ましいかも知れません。ここでは例として、
    https://mydomain.com/mp3player/
    フォルダーとします。
  2. JavaScriptを編集します！
    1. var mP3PlayerBaseUrl=を探します。
      この文字型グローバル変数にあなたのサーバーのアップロード先のＵＲＬに変更してください！
  3. 編集した１つのJavaScriptファイルと、３つのＳＷＦファイルをアップロードします。

開発者Ujiki.oOによる現地サポートを希望しますか？

困っているなら、「コスト以外無料の出前サポート情報を知りたい！」に移動して、３連の丸ボタンを押してみましょう。

JavaScriptの呼び出し

あなたのブログやホームページのヘッダー部にJavaScript呼び出し構文を定義します。
<script type="text/javascript" src="https://mydomain.com/mp3player/Something4Good2016-min.js">/* http://w.fs4y.com/mp3player2016 */</script>
ＵＲＬやフォルダー名やJavaScriptファイル名は、あなたが決めた各名称に読み替えてください！

関数呼び出し例

Aタグを利用した関数呼び出しを推奨します。以下にサンプルを紹介します。
URLは偽装しています！

特殊書式

第五パラメーター：セットリスト（題名）については以下の書式をサポートしています。
  • Ａタグをサポートする。但しＦＬＡＳＨプレイヤーには伝えない。
  • <・・・・・>に定義された情報は、FLASHプレイヤーには伝えない。
  • [・・・・・/]に定義された情報は、SELECTタグ（メニュー）に転送しない。
  • <span class=lng_ja>・・・・・</span>は、ブラウザーの優先言語が「ｊａ」の場合にのみ表示される。
  • <span class=lng_en>・・・・・</span>は、ブラウザーの優先言語が「ｊａ」以外の場合に表示される。
  • 以下の文字は変更すること！
    1. " : 例：
      "THAT TITLE" to
      %22THAT TITLE%22
    2. # : URLのアンカー
    3. & : URLのGET変数の区切り
    4. ' : 例：
      Ujiki's MUSIC to
      Ujiki%27s MUSIC
    5. ? : URLのGET変数の開始

  • MARQUEEのクラス名は： MARQUEECLASSNAME2018です。スタイルの変更が可能です。

日本語・英語自動切り替え機能

当方のブログには「DISQUSとも連携しGoogle Web 翻訳の自動化で文字化け防止と世界中の訪問者に対応しよう！全世界言語対応版スクリプトを公開します_」を機能させていますので、世界中の１００を越える異なる言語をブラウザーの優先言語に指定しているだけで、自動的に訪問者のブラウザーで希望する言語に自動翻訳されてしまいます。しかしながら、ＭＰ３音源を紹介するときに機械翻訳では誤認されてしまう問題がありますので、記事全体の言語を、今現在は、英語と日本語について、記事に最初から正確な英語と日本語を埋め込み、優先して表示する機能があります。訪問者のブラウザーの優先言語が日本語か、それとも日本語以外かで自動切り替えさせます。つまり「DISQUSとも連携しGoogle Web 翻訳の自動化で文字化け防止と世界中の訪問者に対応しよう！全世界言語対応版スクリプトを公開します_」を導入しなくても、直ぐに日本語と英語を同時併記登録したブログやホームページの運用が可能です。
  1. 明示的に日本語の文章を定義する場合：
    <span class=lng_ja>あなたはここに日本語文を書きます。</span>
  2. 明示的に英語の文章を定義する場合：
    <span class=lng_en>You write English here.</span>
    「DISQUSとも連携しGoogle Web 翻訳の自動化で文字化け防止と世界中の訪問者に対応しよう！全世界言語対応版スクリプトを公開します_」を機能させている場合で、ＭＰ３音源のタイトルなど自動翻訳させない手法：
    <span class=lng_en><span class=notranslate>Write English that is not machine-translated here.</span></span>
  3. 言語切り替えボタンや、言語切り替えAタグがあります。
日本語と英語を同時併記したサンプル： 日本語文章と英語文章を自動的に切り替えます。Automatically switch between Japanese and English sentences.
日本語に切り替え
Make sure your blog can handle JavaScript with "Good or Unavailable Blogs_". Tell your friends who will start blogging if it can use JavaScript in the main article!良いブログと利用できないブログ_で、あなたのブログでJavaScriptが扱えるかを確認してください。これからブログを始める友人にJavaScriptを本文記事内で利用できるかを教えて差し上げてください！

音源基礎ボリューム

わたしは必ずＭＰ３音源の基礎ボリュームをバッチ変更させます！

「MP3Gainの使い方！MP3/MP4/M4Aファイルを音量調整しよう_」を、MS-Windows10 Professional(64)で日本語メニュー版を利用中です。 2020/03/06 (重要ならPDFファイルで保存しましょう！)

限定仕様と次世代開発

SONY Playstation で機能しません。第一シーズン開発は終了しました。今後は、ご要望があれば、新規に第二シーズン開発に着手します。

質問やコメント

ミラーリングされたＤＩＳＱＵＳコメントが巻末に用意されています。「ＤＩＳＱＵＳを利用したくない！」方は、以下のＳＮＳでも構いません。お気軽に、どうぞ。 また、日本語やASCII英語以外の母国語での自動言語切り替え機能を希望される場合は、本ページで紹介したMP3音源プレイヤーが稼働中の、あなたのサイトのＵＲＬを知らせて戴ければ、無償で対応致します。また同時にページ：クッキー確認専用ページ_でＧｏｏｇｌｅ翻訳が保存するクッキーを教えてください。ログインとかは無用です。
そして次の言葉の正常な母国語を教えてください。
  • 題名 (英語：TITLE)
  • ここから音源を選択します！ (英語：Select The Sound Source!)
  • １行目を選択して連続再生 (英語：Continuous Select the 1st Row)
  • JavaScriptをＯＮにして下さい。 (英語：Please turn on JavaScript.)

ＭＰ４動画配信は？

ところで、ＭＰ３音源の再生は理解しましたが、ＭＰ４_動画再生はサポートしていないのでしょうか？
  1. 「マルチプラットフォーム(主要端末)対応版ＭＰ４動画ファイル専用配信プレイヤーを公開_」
    あなたの為に簡単設定用コピー＆ペースト機能サポート中！
  2. 「多数の動画を配信するブログページの表示完了が高速終了してこそのアフィリエイト環境が充実する_」
    あなたの為に簡単設定用コピー＆ペースト機能サポート中！
_
【蛇足的薀蓄】：
WordPressのテーマにおける、TABLEタグの初期値が、幅＝１００％となっています。コピペで自動生成されるHTML文で指定されるTABLEタグを、DIVタグに入れ替えれば、WordPressのテーマでも影響されない模様です。

著作権利と免責について


サポートが必要ですか？


Support AIt's free and fastSupport BIt's free and fastSupport CIt's free and fast

「無料サポート」に興味があれば
上の丸ボタンをクリック願います。
サーバーから9kbを受信しますのでお待ち願います。

※ 記事本文は別サーバーから JavaScriptファイルとして配信しており、配信元のサーバーにおける JavaScriptファイル(YUICOMPRESSOR済み)も、実際にあなたのブログが受信する gzip圧縮済みの JavaScriptファイルも、３０日間のキャッシュ流用を定義していますので、特にご質問の前にブラウザーのキャッシュを削除してから、再度のご訪問と閲覧をお願い致します。
※ DISQUSについては別管理ですので、毎回、最新のDISQUSを表示できています。 但し、ご自分のDISQUSコメントを編集した直後に編集後の内容に至らない場合がありますが、DISQUS表示の上部にある「あなたの言語でDISQUSメニューを再表示する！」をクリックしますと最新の状況を表示致します。 宜しくご理解願います。
※ どれだけ待ってもDISQUSが表示されない場合は「広告ブロック」機能を切ってみて下さい。
Google Translator.

良いブログと利用できないブログ

  • CLICK!