Podcastリスティング について

iTunesにドラッグ&ドロップでプレイリスト追加、iPodに転送できるPodcastやVideo Podcastをホームページやブログで公開するための無料支援ツールサイトです。本サービスのすべての機能は全て無料で利用できます。面倒なユーザー登録すら必要ありません。

初心者向け解説サイト『はじめてのPodcastリスティング』もご覧下さい

1:Podcastファイルを作成する

自分で作成したサウンドファイルや番組をPodcast配信するためのRSS2.0フィードを作成する機能です。ポッドキャスト対応のBLOGを使っている場合や、配信中のポッドキャスト番組など、Podcast用のアドレスがある場合は、『2:Web表示用のHTMLソースコードを作成する』に進んで下さい。

Podcastファイル (RSS2.0) のオンライン作成機能

自分で制作したオリジナル曲やラジオ番組などの音声ファイル公開ページから『ポッドキャストファイル』を作成します。有料のポッドキャスト対応ブログを利用しなくても、自分のホームページに音声ファイルがアップロードされていれば、簡単に『ポッドキャストファイル』を作成することができます。

フォームに入力された情報は、右のように各要素に定義されます。

ビデオキャスト(動画)にも対応

ファイルへのリンクに動画ファイルをリンクするVideo Podcastに対応したファイルを作成します。下記のファイルに対応しています。(但し、ファイルについては下記のヒントをご覧下さい)

1. 対応Podcast拡張子
.mp3 .wav .wma .ogg .m4a他
2. 対応Vidocast拡張子
.mp4 .mpg .3gp .3gpp .3g2
.3gpp2 .qcp .mov .avi .wmv
.vob .dv .m2t .asf .m4v 他
aboutPodcast

Podcastファイル作成の大事なヒント

音声動画ファイルはユーザーの環境によっては期待通りの配信がなされない場合があります。手っ取り早く標準的なユーザー環境に対応したPodcastファイルを作成するには、音声に「.mp3」、動画に「.mov」で展開できるファイルフォーマットで作成してください。


 
対応
音声
動画
iTunes → 再生
iTunes → iPod → 再生
.m4a .mp3 .mp4 .mov
×
.wma .wax .wmv .wvx
Webブラウザ → 再生
.mp3 .mov
△1
.m4a .mp4
△2
.wma .wax .wmv .wvx

△1「m4a」「mp4」は新しいバージョンのiTunes(QuickTime)がインストールされているPCに対応。より高圧縮高品質で再生されます。・・・が、2006年2月現在肝心のApple Safariでmp4ファイルが再生できない(拡張子とプレイヤーが定義されていない)という致命的な対応の遅れもありますので用途を慎重に検討してください。

△2「wma」「wmv」は新しいバージョンのWindowsMediaPlayerがインストールされているPCに対応。より高圧縮高品質で再生されます。・・・が、2006年2月現在iTunesおよびiPodに対応していない、MacOS X版同プレイヤーの開発が終了していますので用途を慎重に検討してください。

iTunesに完全対応したファイルを作成する(上級編)

Podcastリスティングで作成したPodcastファイルはiTunesへのドラッグ&ドロップに対応していますのでコード修正の必要はまったくありません。iTunesやiPodが大好きで、iTunesリストに登録したり画像を表示するなど、iTunesに完全対応のPodcastファイルは、下記の青文字の項目を追加することで簡単に作成できます。 ただしこれは上級者が対象の作業です。

<?xml version="1.0" encoding="UTF-8" ?>
<rss xmlns:itunes="http://www.itunes.com/DTDs/Podcast-1.0.dtd" version="2.0">
<channel>
<link>http://podcast.ms/</link>
<language>ja</language>
<description>Podcast作成とホームページ貼り付け無料サービス - Podcastリスティングのサンプルファイルです</description>
<title>ポッドキャスト・セッション</title>
<docs>http://blogs.law.harvard.edu/tech/rss</docs>
<pubDate>2006/02/17 18:11:50</pubDate>
<itunes:author>musicgate</itunes:author>
<itunes:summary>iTunesの説明欄の「i」ボタンをクリックした時の情報</itunes:summary>
<copyright>iTunes Music Storeで表示されます(例: © 2006 Your name)</copyright>
<itunes:owner>
<itunes:name>提供者の名前(iTunesには表示されない:連絡用)</itunes:name>
<itunes:email>メールアドレス(iTunesには表示されない:連絡用)</itunes:email>
</itunes:owner>

<itunes:image href="アートワーク部分に表示される300 x 300 pixelsのJPEGorPNG画像URL(例:http://example.com/podcasts.jpg)" />
<itunes:category text="iTunesポッドキャスト以下の第1ディレクトリ(例:ミュージック)">


<item>
<author>ポッドキャスター</author>
<description>学生時代に作成したテクノ系のオリジナルソングです。</description>
<title>マイソング</title>
<pubDate>2006/02/17 18:11:50</pubDate>
<enclosure url="http://example.com/podcasts/archive/aae20050615.mp3" length="" type="audio/mpeg" />
<itunes:summary>iTunesの説明欄の「i」ボタンをクリックした時の情報</itunes:summary>
<itunes:category text="iTunesポッドキャスト以下の第1ディレクトリ(例:ミュージック)">
<itunes:duration>再生時間(例:5:14)</itunes:duration>
<itunes:keywords>検索にひっかかって欲しいワードスペース区切り(例:ロック ギター UK)</itunes:keywords>
<itunes:keywords>salt pepper shaker exciting</itunes:keywords>
</item>

</channel>
</rss>

注意:Podcastファイルを編集するにはUTF-8で編集・保存できるテキストエディターで行って下さい。たいていのPodcastではUTF-8以外の日本語文字コード(例えばShift-JIS等)は使用できません。

2:Web表示用のHTMLソースコードを作成する

ホームページ貼付け機能(HTMLソースを取得)

ポッドキャストに対応したフィード(RSS 2.0)を入力して、表示オプションを選択するとポッドキャストをウェブ表示するための数行のHTMLコード(JavaScript)を出力します。このHTMLコードをホームページやブログにコピー&ペースとするだけで、ポッドキャストリストが表示されます。表示されるリストにはコンテンツマッチ型の広告が自動挿入されます(広告表示を停止することはできません)

1. RSS 2.0フィードの入力
フィードアドレスを正しく入力して下さい。フィードはポッドキャスト対応(RSS 2.0)である必要があります。通常は「.xml」「.rss」などの拡張子で提供されています。
2.ニュース表示件数
ニュースの表示件数を選択してください。(ソースコードを編集して自由な値を設定することもできます)
3. 日本語コードの選択
自分のサイトの日本語文字コードを正しく選択して下さい。※選択を間違えると文字化けが発生します。
4. タイトル表示の選択
表示/非表示を選択して下さい。
5. RSS更新時刻表示の選択
表示/非表示を選択して下さい。

3:Web表示用のスタイルシート(.css)を作成する

カラーを設定する

デザインを作成するスタイルシート(cssファイル)を自動作成します。カラーパレットからカラーを選択してスタイルシートを作成してください。CSSのソースファイルを直接編集することも可能です。※カラーパレットはIE6.0またはFireFoxにのみ対応です。

ホームページ・ブログへの設置について

Podcastリスティングをブログで使うためにはJavaScriptの設置に対応している必要があります。※2006年6月現在対応状況(詳しくはブログ運営者にお問い合わせください)

利用可能 対応ブログ
そのほか、gooブログ(有料版)、AutoPage等でも利用可能
利用不可 × 楽天広場、Yahooブログ、Doblog、gooブログ(無料版)、はてなダイアリー、アメーバブログ、Exciteブログ

出力したJavaScriptコードまたはCSSファイルそれぞれをコピー&ペースとしてください。それぞれの設置先は右のようになります。ブログの場合はカスタマイズ画面からコードを挿入してください。参考サイト:ブログパーツ設置方法 (『

ブログイン』)

『Podcastリスティング』設置サイト例

提供:株式会社ミュージックゲート