0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

小技を集めたプラグインを作りました。(アメバブログ連携向け)

0
Posted at

はじめに

 自作のyoutubeプレーヤーを操作していると、あの機能が欲しいとか、この機能があればとか思う時が多々あります。そこで、それらの小技をあつめたプラグインをつくりました。

先にハワイアンの定番でお聴きください。

カイマラヒラ

小技

お気に入り動画のサムネイルをリストの先頭にする機能:

 再生リストを操作していますが、お気に入りの動画のサムネイルを先頭に持ってきたリストが欲しくなりました。欲しくなった理由ですが、ちょうど、アメバのブログで、カード型リンクで、この自作のyoutubeプレーヤーサイトへのリンクを埋め込むときに、サムネイルも同時に表示しています。
 そのサムネイルにリストの先頭の動画のサムネイルを表示しています。再生リストはアメバのyoutube検索を使用していますが、そのリストでは、お気に入りの動画のサムネイルをうまく、リストの先頭にもって来ることはできません。アメバyoutube検索の方で作成したリストのため、利用者は操作することができません。そこで、この小技を作成しました。

使い方:

使い方は簡単です。

(1)サムネイルの移動:自作のyoutubeプレーヤーで、表示されている再生リストのサムネイルをAltキーを押しながら、Clickするとそのサムネイルがリストの先頭に移動します。
(2)リストの保存:そのリストをサーバーのDBに保存・更新します。
(3)その他、同時に行う処理:
・プレーヤーのアドレスバーのurlも更新します。
・クェリー検索の更新
・プレーヤーで再生
実際の操作は、サムネイル上で、Altキー+clickするだけです。後は、自動実行します。

画面

先頭のサムネイルは、Altキー+clickで、移動した結果のリスト表示です。タイトルの「I LOVE HAWAII / KAIMANAHILA 「カイマナヒラ」 連続四曲どうぞ」をキーにして、DB保存しています。
アドレスバーのurlには、このタイトルが指定されていますので、アメバのカード型リンクには、このタイトルで検索した、サムネイルが表示されます。

topList.png

カード型リンクの表示例

カイマラヒラ.png

この上から2番目のリンクが今回の例です。このように、リストの先頭のサムネイルがリストの代表として表示されます。

ブログサンプル

アメバブログ
このブログには、4つのカード型リンクがあります。それぞれのサムネイルは、リストの先頭のサムネイルを表示しています。

このサムネイルには、リストの代表としての意味を持たせています。

# あとがき
今回は、ひとつの小技を例としてあげましたが、追々、小技を追加して行きたいと思っています。youtubeプレーヤーとアメバブログを連携したアプリを作成していると、いろいろと追加したい小技が出で来ます。

それらを整理してみたいと思いました。このプラグインはまだ、公開はされていません。小技が整理できた段階で公開したいと思います。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?