図解＆動画でよくわかる

クリック＆コピペ

無料で作れる Flash 音声ボタン

音声録音と mp3 変換も無料でできる

【図解＆動画マニュアル】

著作権について 本レポートは、著作権法で保護されている著作物です。著作権は原作者である松崎 一郎が保持します。内容の一部または全部を無断複製や無断転載などすることは法 律で禁じられています。 著作権法等の違反がある場合は、法律に基づき損害賠償を請求いたします。 免責事項 本レポートの製作者は、本商品に含まれる情報の正確さには十分注意を払いました が、 このレポートから得た情報により、いかなる障害・損害が生じても、一切の責任を負い ません。 リンクされている動画はサーバーの状態によっては、期待通り表示されないことがあ ります。あらかじめご了承ください。 動画の再生について このレポートの動画は Windows と Mac のどちらでもご覧になっていただけます。 動画の再生には最新バージョンの Flash Player（無償）が必要です。 adobe社のホームページから 無料でダウンロード できます。 動画はインターネットに接続した状態でご覧下さい。ブロードバンド環境推奨です。 また、動画をご覧になるには JavaScript が有効になっている必要があります。

こんにちは。ネット動画専門の松崎一郎です。 ホームページやブログに音声ファイルを載せることが有効だということで、多くの人た ちがネット上で音声ファイルを配信しています。 音声を配信する方法はいろいろありますが、短いメッセージの場合などは、サイトの デザインに影響しにくい、シンプルな音声ボタンが欲しくなることがあります。 このようなものをあちこちのサイトで見かけられたことがあると思います。 これは Flash の音声ボタンですが、これを作るのに高いソフトは必要ありません。 このような音声ボタンを作るソフトは海外では、数多く出回っていて、価格も$20 から $40 くらいのものが多いです。$100 くらいするものもあります。 それらのソフトは皆、ほとんど同じようなしくみで、使い方も似ています。 そんな中で、今回は無料で使える Flash ボタン作成ソフトをご紹介しましょう。 ソフトの名前は、AudioFlash といいます。 配布サイトはAudioFlash.org というところです。 海外サイトで英語のソフトですが、使い方はとてもシンプルな上に、これから私が図解 と動画マニュアルの 2 本立てで説明しますから、大丈夫です。 それではさっそく始めましょう。 まず、そのサイトAudioFlash.org へいってください。

こちらがAudioFlash.orgのサイトです。

真ん中より下のほうに、ライセンスに関する説明と、ソフトのダウンロードリンクがあり ます。また使用ライセンスの書類がソフトといっしょにダウンロードされます。

ではソフトをダウンロードしてインストールします。

ダウンロードの実行をクリックします。

データをダウンロード中です。

英語ですが基本的に next とか yes とかをクリックしていけば、インストールは完了しま す。 最初のところは特に何もないので、Next をクリックしてください。 次の License Agreement のところは英文が続くので、翻訳ソフトなどを使って読んでく ださい。ひととおり読んで、納得がいけば、チェックボックスにチェック入れて、Next を クリックです。

次にどこにインストールされるかが、出てきますので、確認したら Next です。

その次に、ショートカットアイコンなどを作るかを聞いてきますが、後から削除もできる ので、とりあえずそのままにして、次へ進みます。

次に AudioFlash の使い方です。 デスクトップにマイクの絵のついたアイコンが出来ていると思いますので、そこから AudioFlash を起動してください。 このような画面が開きます。 ここで、赤枠の中を確認しておいてください。ここは、このソフトで作成される音声ファ イルやボタンのデータファイルが書き出される場所です。 重要：デフォルトでは、

C:\Program Files\Audio Flash\Output\audiofile.mp3 となっています。

ここをよく覚えておいてください。音声ボタンのファイルがどこへ書き出されたのかわ からなくなったときは、ここにあります。

さて、いよいよ使い方ですが、まず音声ファイルが必要です。 このソフトで音声を使う方法は、2 通りあります。 一つは、あらかじめパソコンに用意された音声ファイルを取り込む方法と、このソフト を使って音声を録音する方法です。 そうなのです。この AudioFlash には音声の録音、mp3 ファイルへの変換機能も付いて いるのです。 ですから音声ボタンが必要ないときでも、普通に音声録音・mp3 変換ソフトとして使え ます。 では、最初にパソコンの中に用意した音声ファイルを使う場合です。 ソフト画面左側で「Use existing」 のほうを選択します。 次に押すのが何も書いてないボタンですが、これはあなたのパソコンのフォルダを開 くボタンです。ここをクリックして、ご自分のパソコンの中から、目的の音声ファイルを 選択してください。 その後の、手順はこのソフトで録音した後と同じですので、録音する場合といっしょに 解説します。

このソフトで録音する場合は、ソフト画面左側の選択ボタンの上のほう、「Record new file」をクリックします。 「Encoding options」というところが専門的で難しいのですが、そのままにしておくとあ まりに容量の大きいファイルが出来てしまいますので、まずは図のように設定しなお してください。 ここの数字が大きいほど、高音質になりますが、その分ファイルの容量も大きくなり、 ダウンロードに時間がかかったり、サーバーに負担をかけたりします。 あまりに小さくすると、今度は音質が悪くなります。 ここで出している数字は、私の経験から、人の会話やナレーションなどに最適な音質 とファイル容量のバランスを出したものです。 ややこしくなるので、あまり技術的なことはお話しませんが、まずはこの設定でやって みてください。 お使いのパソコン、マイク、スピーカー、そしてあなた自身の耳によっても、条件は変 化します。さきほどの設定を動かしてみて、一番ぴったりする設定を探し出してくださ い。 録音を開始するには、「Record」ボタンを押します。一時停止は「Pause」、録音を終わ るには「Stop」です。 録音された、ファイルはさきほどの、Output フォルダに保存されます。 デフォルトでは、audiofile.mp3 という名前になっています。

さて、録音が一発でうまくいくとは限りません。 やり直すときは、シンプルにもう一度、「Record」ボタンを押せばいいです。 このとき、注意していただきたいのは、やり直すと何の確認もなくさきほどのファイル audiofile.mp3 が上書きされてしまうことです。 いくつかの録音を残したい場合は、そのつどファイル名を書き換えてください。 それでは、どこにファイルが書き出されるのか、確認しておきましょう。 パソコンのフォルダ構造は人によって違いますが、だいたいこのような感じになってい ると思います。 録音した音声を聞いてみたいときは、出来ている音声ファイルをクリック（またはダブ ルクリック）します。 パソコンで設定されている音声プレーヤーで再生されます。

納得のいく録音が出来たら、次へ進みます。 ボタンのデザインを選びます。 スタイルのリストはすごく数が多いのですが、同じ形で色も似たようなものばかりです から、実際の選択支はそんなに多くありません。ここらが無料ソフトの限界でしょうか。 希望のデザインが決まったら、「Create」ボタンを押します。小さなウィンドウが出てき て、「HTML コードが出来ました」のような英文が出ますので、「OK」をクリック、そして 「次へ」をクリックします。 次の画面はどちらかというと、パソコン中級者・上級者向きですので、音声ボタンの制 作はここまでにして、ソフトは「完了」をクリックします。 ちなみに、次へ進んだときに出てくる HTML コードはさきほどの、Output フォルダに HTML ファイルとして書き出されています。また、このソフトでファイルの FTP アップロ ードも出来るようですが、話がややこしくなるのと、ほとんどの方が FFFTP を使ってら っしゃると思いますので、この機能は使わないことにします。 完了したら、次はパソコンの Output フォルダへいきます。

このように、３つのファイルが出来ています。 HTML ファイルをブラウザで開いて、音声を再生してみます。 うまく再生されれば、音声 Flash ボタンの作成は成功です。 ところで、この HTML そのままだと、何もない真っ白いページに、音声ボタンだけが表 示されていますから、ここに書き出されているコードを、あなたのサイトの HTML ファイ ルの希望の位置に貼り付けてください。

HTML コードの貼り付け方です。

書き出された HTML ファイルをメモ帳やエディタなどで開きます。

あとはこのコードを全部まるごとコピーして、あなたが音声ボタンを付けたいところの HTML ファイルを開いて、希望の場所に貼り付けます。 ある程度 HTML の知識が必要になります。詳細は割愛します。 サーバーに HTML ファイルをアップロードします。ここで言う HTML ファイルは、あなた のサイトの HTML ファイルのほうです。このソフトで Output フォルダに書き出されたほ うではありませんので、ご注意ください。 サーバーの同じフォルダに、音声ファイルと Flash ボタンのファイル、ここの例では、 audiofile.mp3 と audiofile.swf をアップロードします。 この二つもいっしょに入れておかないと音声が再生されません。 以下は、絵はがき型のミニサイトに貼り付けた例です。

また、これらのファイルは全部同じフォルダに入れてください。違うフォルダに入れる 場合は、ファイルへのパスを書かなければなりませんので、少々ややこしくなります。 ややこしくなりますが、ブログに貼り付ける場合は、ファイルへのパスが必要になるこ とが多いので、解説しておきます。 コードが長くて複雑なのでちょっとびびりますが、作業そのものはシンプルなので、ま ずはどんなふうにするのか見てください。 この作業はサーバー操作の出来る方が対象ですが、基礎から最短最速で学びたい 方は、動画マニュアル「サーバーの使い方完璧コース」もお勧めします。（巻末に資料 あり） サーバーにアップロードしたら、音声ファイルと Flash ボタンファイルの URL を取得し ます。 サンプルでは、 http://video15.sakura.ne.jp/AudioFlashSample3/sample3.mp3 http://video15.sakura.ne.jp/AudioFlashSample3/sample3.swf になります。 さて、これからが本番です。このアドレスをコードの所定の場所にコピペします。 全部で 4 箇所だけですから、簡単です。 ただ、一文字違いで全く動作しなくなりますので、選択とコピペは慎重にやってくださ い。

書き換えるのは図の 4 箇所ですが、それぞれ同じ色のところには同じ URL が入ります ので、実質２つのデータを書き換えることになります。 には http://video15.sakura.ne.jp/AudioFlashSample3/sample3.swf を には http://video15.sakura.ne.jp/AudioFlashSample3/sample3.mp3 を貼り付けます。 それぞれの拡張子に注意してください。 また、文字の両側の ” “ や ? & = などの記号を消したりしないように注意して ください。 すごく長いコードができてきますが、作業そのものはコピペだけです。

そうして出来たコードには、音声ファイルへの URL と Flash ファイルへの URL が入っ ていますから、このコードだけ貼り付ければ、音声ボタンを表示して、音声を再生する ことが出来るわけです。

ここでは、ライブドアブログに貼り付けてみます。 コードをまるまる全部コピーします。

ブログに音性ボタンができました。クリックして再生されることを確認します。 ブログによってはこのようなコードが使えなかったり、使うための設定が必要なことが ありますから、それぞれのブログのヘルプなどを参照してください。 図解マニュアルは以上です。 次の動画マニュアルも合わせてご覧ください。 無料で作る音性ボタン 動画マニュアル http://video15.sakura.ne.jp/repo/button/ 動画を見るには上のリンクか画像をクリックして下さい。 別ウィンドウで動画が自動的に始まります。

この動画は私の動画マニュアル連動メルマガ、 「いきなりドカンの儲け方！ネットで稼ぐ最先端の成功法」にも掲載したものです。 メルマガ「いきなりドカンの儲け方！ネットで稼ぐ最先端の成功法」では毎回このよう な動画マニュアルや図解マニュアル、あるいは音声講座を配信しています。 最新号のみの公開ですので、最新動画を欠かさず見たい方はこちらから読者登録を しておいてください。 「いきなりドカンの儲け方！ネットで稼ぐ最先端の成功法」 http://www.mag2.com/m/0000201459.html ご質問、お問い合わせはお気軽にこちらからどうぞ。 info@miruzou.com ネットビジネスTVみるぞう 松崎一郎 動画マニュアル見放題 ネットビジネスTVみるぞう

【松崎一郎の動画マニュアル】 YouTubeマーケティングを極めるなら コピペ動画マーケティング http://www.miruzou.com/kopipe/ レンタルサーバー選びからドメイン取得とメール設定まで わかりやすい動画マニュアルで徹底解説 「サーバーの使い方完璧コース」 http://www.miruzou.com/server/