2012年06月15日

YouTube途中再生埋め込みタグ作成支援ツール

ホームページやブログで、YouTubeの動画を紹介する時、その動画を最初からではなく、お気に入りのシーン、つまり途中から再生するようにしたい場合があります。
そんな時は、このツールをお使い下さい。

以下に示す簡単な手順に従っていただくだけで、そのためのタグを作成することができます。生成されたタグをご自分のサイトに、コピー&ペーストしてお使いください。

①YouTube動画の、再生を開始したい部分で一時停止します。

②動画の上でマウスを右クリックし、「現時点の動画の URL をコピー」を選択します。

③以下のウインドウに、取得したタグを張りつけます。


④画像のサイズを選択します(サイズは、右側の窓に直接入力することもできます)。
    横 = px , 縦 = px

⑤オートスタートの設定をします(通常はこのままでOKです)。


⑥このボタンを押します。


⑦以下のウインドウに、タグが出てきます。


⑧生成されたタグをサイトに張りつけます。

作成: Super源さんの音楽ブログ
http://musingbuff.blog.shinobi.jp/

補足
※動画によっては、右クリックした時に出るメッセージが英語の場合があります。
そのような時は、「Copy video URL at current time」を選択して下さい。



※「ハーフサイズ」に関しては、こちらの記事を参照して下さい。

追記:2013.09.13
7月の初め頃に、YouTube側の仕様変更で、タグが新しいものに変わりました。
その際、同時に仕様変更も行なわれ、張りつけタグによる再生においては、曲を途中から再生する機能がなくなってしまいました。
しばらくの間は、変更前のタグに設定してあった曲は途中から再生されていましたが、現在では、最初から再生されます。
なので、現在このスクリプトは正しく機能しません。
就きましては、もうしばらくYouTube側の動きを見守りたいと思います。
なお、この件に関して何か情報をおもちの方はお知らせください

追記:2014.01.11
上記の問題に対して、こちらの記事に解決法が書かれているのを見つけましたので、スクリプトの修正を行ないました。サイトの管理人である今井阿見さまの、情報のシェアに感謝いたします。


謝辞
※Ver.1.10で実装した動画サイズ直接入力機能は、akiさんにリクエストをいただき、作成いたしました。便利な機能のご要望をくださったakiさんに、ここでお礼申し上げます。

スクリプト使用上の注意点
※このスクリプトは、javascriptで動作いたします。javascriptが切ってあるパソコン環境では動きませんので、切ってある方はONにしてご使用ください。

バージョンアップ履歴
2012.06.15 Ver.1.00 完成
2012.06.16 Ver.1.01 タグの変換がうまくいかない場合があるのを修正
2012.06.17 Ver.1.10 画像サイズの直接キーボード入力を可能に
2012.06.20 Ver.1.11 Firefoxでタグが作成できなかったのを修正
2014.01.11 Ver.1.20 YouTubeの仕様変更により、途中からの再生ができなくなっていたのを修正。
2014.07.28 Ver.1.21 エラーメッセージを強化。
2015.03.15 Ver.1.22 YouTubeの仕様変更により、タグの変換ができなくなっていたのを修正。
2015.03.22 Ver.1.23 オートスタートに対応。
2015.04.16 Ver.1.24 タグの変換ができない動画が出てきたので対応。

2012年02月04日

簡易キー移調ツール

曲のキーを移調するツールを作りました。
歌本などのコード譜を、歌いやすいキーや演奏しやすいキーに合わせたいとき、また作曲のときなどにお使いになると便利です。

使い方は簡単で、マウスで左三角ボタンをクリックするごとに半音下がり、右三角ボタンをクリックするごとに半音上がります。

オリジナルキー   移調後のキー  

作成: Super源さんの音楽ブログ
http://musingbuff.blog.shinobi.jp/

バージョンアップ履歴
2012.02.04 Ver.1.00 完成。

スクリプト使用上の注意点
※このスクリプトは、javascriptで動作いたします。javascriptが切ってあるパソコン環境では動きませんので、切ってある方はONにしてご使用ください。

2009年01月21日

音楽再生タグ自動生成スクリプト

ホームページやブログで、音楽を再生するためのタグを自動生成するツールを作りました。
MP3ファイルを置いたURLを、コピー&ペーストしてボタンを押せば、タグが自動生成されます。
それを、ご自分のサイトに、コピー&ペーストしてお使いください。

①MP3ファイルのURLを下記に書きます。
例:http://file.musingbuff.blog.shinobi.jp/jupiter.mp3


②このボタンを押します。


③以下のウインドウに、タグが出てきます。


④生成されたタグで、きちんと音楽が再生できるか、以下の音楽プレーヤーで確認してみましょう。
⑤問題がなければ、生成されたタグをサイトに貼りつけます。以上で作業は終了です。お疲れ様でした。

作成: Super源さんの音楽ブログ
http://musingbuff.blog.shinobi.jp/

SEO-P-link ※このツールを作成するにあたり、わいずふぁくとりい様のスクリプトを参考にさせていただきました。また、Ver.1.10の公開にあたり、ラプさんがデバッグに協力してくださいました。ここにお礼申し上げます。