ホームBlog2011年Flashでサウンドプレーヤーを作った  
2011年12月27日 01:31 ~ Flash ~
Flashでサウンドプレーヤーを作った
当サイトでは、未完成コンテンツがまだまだある中、すぐにでもオープンしたいコンテンツがあるのです。

それが動画や発車メロディなどを扱う「Studio」です。

Youtubeなど動画サイトに投稿する選択肢もありましたが、できるだけ自力で運営したいという気持ちがあり、「Flashによるプレーヤーは作れないものか?」と悩んでいました。

いろいろ制作方法を探して本日ようやく、完成したので制作手順および運用方法を備忘録として残しておきます。
 
1.音声(MP3)データの読み込み

20111227-1.jpg

ファイル→読み込み→ビデオの読み込み
 
20111227-2.jpg

コンピューター上の場所:

ファイルパス:[参照...]をクリック

処理したいMP3データを選択すると、このようなエラーメッセージが表示される。

OKをクリックして下の[Adobe Media Encoderを起動]をクリックする
 
2.「Adobe Media Encoder」で「.mp3」から「.flv」に変換する

20111227-3.jpg

既に変換したいMP3ファイル名がリスト表示されているので[キューを開始]をクリックして変換処理を行う
 
3.Flashに戻って、「.flv」ファイルを指定する

20111227-4.jpg

ムービー制御をおこなっているレイヤー(例では「ムービークリップ」)を指定する。

プロパティ(画面下)を見るといろいろと設定が表示されている。

変更する箇所は2箇所

sourceを先ほど「Adobe Media Encoder」にて変換した「.flv」を指定する

autoPlayのチェックが入っていたら外す

※クリックすると拡大表示されます。
 
4.スキンの選択

20111227-5.jpg

同じくプロパティの「scalMode」をクリックすると制御パネルのタイプを選択できる。

好きなものを選んで完了。
 
あとは通常通りにパブリッシュをすればOK

サーバーには、本体となる「.swf」制御パネルとなる「.swf」、エンコードした「.flv」、パブリッシュで生成された「.html」の4点のデータをアップロードする。
 

















このページのコンテンツには、Adobe Flash Player の最新バージョンが必要です。


Adobe Flash Player を取得




関連ワード:

  
 
カテゴリー

撮影記
鉄道2011(4)
鉄道2012(17)
鉄道2013(5)
鉄道2014(60)
鉄道2015(46)
鉄道2016(25)
鉄道2017(26)
鉄道2018(26)
夜景(37)
その他写真(2)
鉄道トピックス
東京メトロ(4)
東武(3)
Web備忘録
Photoshop(3)
Fireworks(1)
Movable Type(4)
WordPress(1)
Flash(1)
雑記
カメラ(2)
イベント情報(1)
鉄道模型(2)
Web(4)
プライベート(21)
パソコン(1)
年間記事

2023年(1)
2022年(1)
2021年(5)
2020年(1)
2019年(24)
2018年(35)
2017年(2)
2016年(41)
2015年(46)
2014年(71)
2013年(14)
2012年(41)
2011年(14)
話題のワード

東武
東急
チームF
イベント
東上線
東横線
車両基地
ヘッドマーク
副都心線
西武
夜景
撮影会
ラッピング
半蔵門線
田園都市線


Powered by Movable Type Pro 6.2

Today:
Yesterday: