ブログの杜 (Yahoo!ブログ作成講座)

ぶろぐのもり HTMLやWikiでYahoo!ブログをデザインアップして楽しく編集しよう!

全体表示

[ リスト ]

Wiki文法で音声出力

■ 音楽素材・配布元/taitai studio ■
曲     名 : ♪「幼い夢」MP3
サイトアドレス:http://www.taitaistudio.com/

まず、はじめに注意すべき事と準備しておく事があります。
※ファイルをWEB上でファイルを保存できる環境を持っていないと、鳴らす事は不能と言う事です。
ですからサーバースペースを作るか借りるなりしましょう
ホームページを持っている知人や友人に相談して借りる方法もあります。

ちなみに、この方法で音声のみならず映像やフラッシュも貼り付けることが可能です。

embedの要素で音声の出力が出来るようになります。
音声パネルの設置は、音声ファイルの拡張子のあとに、
「,0(自動再生の有無),280(横幅),45(縦幅),」などの様に数値で指定する
音声プラグインデータの基本ソース

[[embed(音声ファイルのアドレス,0,280,45)]]

音声の自動再生は凶器となるので、いきなり音楽を聞かせることは良くないのでOFFの「0」の指定がお勧め

なぜならば、音楽を聴きながらインターネットをしている人や、曲の好き嫌いなどの他に
職場でコッソリと閲覧する人もいるからです

Wiki文法で音声出力(サンプル)

http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3
自動再生・サイズの指定なし(プレーヤーのパネルが最大表示される)
全てのボタンが付きますが、そのページが重くなってしまいます。
サンプルソース

[[embed(http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3)]]



http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3
自動演奏:オフ 横280×縦45
再生・停止・前へ・巻き戻し・早送り・次へのボタン表示
その他にボリューム・ミュート(消音)ボタンが付く

つまり、最低限のパネルの大きさで全てのボタンが付きます。
サンプルソース

[[embed(http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3,0,280,45,)]]


http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3
自動演奏:オフ 横170×縦45
再生・停止・前へ・巻き戻し・早送り・次へのボタン表示
サンプルソース

[[embed(http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3,0,170,45,)]]



http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3
自動演奏:オフ 横70×縦45
再生と停止ボタンのみで、必要最低限のボタンの設置ができる
サンプルソース

[[embed(http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3,0,70,45,)]]

Wiki文法で音声出力(2)

アドレスで表示させてファイルへ直接リンクさせる方法もあります。
(WindowsMediaPlayerとQuickTimeなど両方使えます。)

下記のように直接ファイルへリンクする方法もあります。
http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3
サンプルソース

[http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3]



文章で表示させてファイルへ直接リンクさせる方法もあります。
(WindowsMediaPlayerとQuickTimeなど両方使えます。)

このように文字での表示も可能
♪「幼い夢」MP3
サンプルソース

[http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3 ♪「幼い夢」MP3]




音声や動画のファイルを設置2


上記では「embed」でしたが
ヘルプを見ると新たに「item」を使って音声や動画のファイルを設置できるようです。

基本サンプルソース

[[item(http://〜)]] 

使用例が以下の通りです。
http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3

サンプル・ソース

[[item(http://www.geocities.jp/kagemusyamk1/XYZ/dream.mp3)]]

注意点はこのブログでは音声や動画ファイルをアップロードできないので、
別の保存場所(サーバースペース)が必要です。

サーバースペースとはいわゆる「インターネット上にファイルを置ける環境」のことで
無料でレンタルできる「サーバースペース」がありますので、検索して探せば見つかります。

閉じる コメント(16)

顔アイコン

『WEB上でファイルを保存できる環境』っていうのはどういう事なんでしょうか?

2006/3/14(火) 午後 10:30 毒電波

顔アイコン

自分のパソコンではなくインターネット上のことです。 レンタルサーバーやファイルを保管出来る状態の事で、たとえるならWEBサイトを持っているかなどの事です。 そして、そこのファイルへリンクすればよいのです。

2006/3/14(火) 午後 11:21 影武者

顔アイコン

自分はもってないので、これはできないってことですね?解りました!他のことで楽しんでみます!ありがとうございます☆

2006/3/15(水) 午前 1:20 毒電波

顔アイコン

WEBサイト以外にファイルを預かってくれるところもあり、 そのようなサーバーを探して使って見る方法もあります。その他にYahoo!のブリーフケースも可能だとか・・・

2006/3/15(水) 午後 8:54 影武者

顔アイコン

Yahoo!のブリーフケース使ってみたんですがうまくいきませんでしたぁ。やり方をまちがえたんでしょうか?ザンネンです。

2006/3/26(日) 午前 1:05 毒電波

顔アイコン

編集(鉛筆のマークをクリック)で公開すれば出来ると思いますよ

2006/3/27(月) 午後 7:42 影武者

いろいろ勉強になり、試験的に活用させていただいています。 ただ、私、ホームページは持っていないので自分での活用は今のところ無理なようです。そのうち、活用できる環境作りをしたいと思っています。 よろしくお願いします。

2006/5/4(木) 午後 4:21 春声

顔アイコン

転載させてください。

2006/6/16(金) 午後 1:34 [ かずひさ ]

顔アイコン

勉強になりました!!

2006/6/19(月) 午後 6:46 [ kop*02*3l*ve ]

勉強になりました☆転載させてください♪

2006/9/27(水) 午後 1:13 [ shikioriori ]

顔アイコン

参考になりました。ありがとうごさいます。

2007/1/15(月) 午後 10:14 [ - ]

転載させてください。

2007/4/27(金) 午後 10:42 ちくわ。

ブリーフケースでできないのかな〜?チャレンジ!

2007/7/28(土) 午後 1:48 ジャンプ

この音楽いいですね。転載させてくださいね。参考になりました。

2008/2/23(土) 午後 10:35 豊崎東小学校ミニバス

顔アイコン

とても参考になりました。有難うございます。
ファンぽちさせてもらいましたw
ヤフブリでチャレンジしてみます!!

2008/4/1(火) 午後 5:44 ゆう

顔アイコン

自動再生するにはどうすればいいのでしょうか?

2009/9/28(月) 午後 8:17 [ いて――(゚∀゚)――ん! ]


.
影武者
影武者
男性 / O型
人気度
Yahoo!ブログヘルプ - ブログ人気度について
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去の記事一覧

Yahoo!からのお知らせ

検索 検索

ブログバナー

よしもとブログランキング

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
実質2000円で特産品がお手元に
11/30までキャンペーン実施中!
いまならもらえる!ウィスパーうすさら
薄いしモレを防ぐ尿ケアパッド
話題の新製品を10,000名様にプレゼント
いまならもらえる!ウィスパーWガード
薄いしモレを防ぐパンティライナー
話題の新製品を10,000名様にプレゼント

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事