カントリーモーニング(仮)

しがないサラリーマンが不定期に更新する雑記帳。
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - | pookmark |
【YouTube】AutoUTube が また 動かなくなっていた。
AutoUTube が また動かなくなってしまっていたので修正しました。
(【Android版】【mixi版】【PC版】、いづれも)

==============================================
■ 現象
開始ボタンをおしても再生開始されず、
「www.youtube.com/devicesupport」が表示される

■ 原因
YouTube Data API v2 が廃止され、v3への移行に追従できていなかったため
・一部の古い YouTube アプリのサポート終了(2015 年 4 月)について

・YouTube Data API v3 に向けて


■ 対策
Data API v2 から v3 を使用するよう変更。

[ 変更前 ]
function search(keyword) {
:
var query = "http://gdata.youtube.com/feeds/api/videos?"
+ "vq=" + keyword
+ "&max-results=30"
+ "&format=5"
+ "&alt=json-in-script"
+ "&callback=view";
:
}

[ 変更後 ]
function search(keyword) {
:
var query = "https://www.googleapis.com/youtube/v3/search?key={APIキー}"
+ "&q=" + keyword
+ "&maxResults=30"
+ "&part=id,snippet"
+ "&callback=view";
:
}

function view(data) {
:
// VideoIDの取得
var videoid = data.items[rnd].id.videoId;
// Videoタイトルの取得
var title = data.items[rnd].snippet.title;
// サムネイルURLの取得
thumbnailimg.src = response.data.items[0].snippet.thumbnails.default.url;
:
}
==============================================


【Android版】AutoUTube for Chromecast



【Android版】AutoUTube for Android2



【mixi版】AutoUTube for mixi



【PC版】AutoUTube




トミーテック
¥ 2,850
(2013-06-08)
コメント:これで、自宅でもICOCA使いたい放題だぜー。

| YouTube | 21:53 | comments(0) | trackbacks(0) | pookmark |
【YouTube】AutoUTube が 動かなくなっていた。
AutoUTube が いつのまにか NonAutoUTube になってしまっていたので修正しました。
(【Android版】【mixi版】【PC版】、いづれも)

==============================================
■ 現象
1曲目再生終了後、続きの曲を自動で再生しない。

■ 原因
1曲終了後に取得する 次曲の情報解析に失敗するようになっていた。
詳細は以下。
AutoUTube では、現在の YouTube動画のURL を以下のAPIで取得。
---------------------------
[ YouTube JavaScript Player API リファレンス ]
https://developers.google.com/youtube/js_api_reference?hl=ja#Retrieving_video_information
player.getVideoUrl():String
---------------------------
その後、取得したURLをパースし、現在の動画の videoid を解釈して処理している部分がある。
URLのパース処理に問題があった。



以前は、上記 getVideoUrl() からは、
---------------------------
http://www.youtube.com/watch?v=xxxxxxxxxxx
---------------------------
とURL情報が返ってきており、「?v=」をサーチ条件にしていたが、

今回 うまく動かないケースでは、URL情報が、
---------------------------
http://www.youtube.com/watch?feature=player_embedded&v=xxxxxxxxxxx
---------------------------
のように返って来ており、「?v=」ではサーチ条件にヒットせず、videoid が解釈出来ていなかった。

■ 対策
・サーチ条件を「?v=」から「v=」に変更。
・videoidが取得できない場合は、検索ワードから再度検索する処理を追加。
==============================================


【Android版】AutoUTube for Android



【mixi版】AutoUTube for mixi



【PC版】AutoUTube





大渕 一彦
中経出版
¥ 1,050
(2012-06-16)
コメント:これで、あなたも「東雲なの」が作れる!

| YouTube | 23:30 | comments(0) | trackbacks(0) | pookmark |
【YouTube】カラオケセット。
入力された曲名から
------------------------------------------
コンテンツ検索 & Googleで歌詞検索
------------------------------------------
を同時に行うページを作成してみました。


KaraokeUTube


フレームを使用しているため、対応していないブラウザでは不可 等の制限はありますが、1画面で コンテンツと歌詞を表示します。

内部では、それぞれ 以下のURL を作成。
[ Youtube ]
http://jp.youtube.com/results?search_type=&search_query=【曲名】&aq=f

[ Google ]
http://www.google.co.jp/search?hl=ja&q=%E6%AD%8C%E8%A9%9E+【曲名】&lr=
# 「%E6%AD%8C%E8%A9%9E」は、「歌詞」

Google 検索の結果は、「I'm Feeling Lucky」機能※ を利用して、ダイレクトジャンプさせることとも考えたが、なぜかダイレクトジャンプされない場合があるのと、セキュリティ上問題ある可能性があるため、使用見合わせ。
※ Googleにて、入力した検索キーワードでトップのURLへ自動ジャンプする機能
http://www.google.co.jp/search?btnI=I%27m+Feeling+Lucky&ie=UTF-8&oe=UTF-8&hl=ja&
q=%E6%AD%8C%E8%A9%9E%20【曲名】&lr=

「ちょっとお前、俺の話聞いてんのかよ〜」
そんなあなたに、史上初 KYプログラム搭載植物。

ペコッぱ 白色
ペコッぱ 白色
| YouTube | 06:37 | comments(0) | trackbacks(0) | pookmark |
【YouTube】自動連続再生。
入力された検索ワードからYouTubeコンテンツを任意に選択し、
自動で関連動画を連続再生させるオンラインプレイヤを作成してみました。


AutoUTube


1. 検索ワードから動画リストを10件取得し、ランダムで1件選択・再生
2. 再生を行った動画の関連動画リストを30件取得し、ランダムで1件選択・再生
3. 2. を繰り返す
・スキップボタン押下で再生中のコンテンツ終端にジャンプ
・アドレス表示ボタン押下で、現在再生中のURL表示


備忘録を兼ねて、詳細を下記します。
=====================
動画リストの取得・取得コンテンツの再生 には、
公開されている YouTube操作APIを使用。
動画リスト取得処理や YouTubeプレイヤの操作関数を記述(JavaScript)した HTML と
それらの処理を呼び出す FLASH とで構成される。

【HTML側処理】
動画リスト取得
検索ワードからの リスト取得は、以下に要求を発行することで実現。
----------------------------------------------------
http://gdata.youtube.com/feeds/api/videos?vq=[検索ワード]&max-result=[検索件数]&alt=json-in-script&callback=[コールバック関数]
----------------------------------------------------
JSONフォーマットで URL取得が可能、指定しておいたコールバック関数内で処理。
----------------------------------------------------
data.feed.entry[リストNo].media$group.media$player[0].url
----------------------------------------------------
また、動画IDから関連URLを取得する場合は、
[検索ワード]の部分を 「[VideoID]/related/」 とする。

プレイヤ操作関数定義
YouTube API で規定されている操作関数を使用。
・動画ID指定再生 : loadVideoById(VideoID)
→ 取得した動画URLから、v=? 以下の 11桁を切り出した値をVideoIDとして引数に指定
・コンテンツ終端遷移 : seekTo(getDuration()-1);
→ (総再生時間-1秒)の箇所へシーク

イベント処理
再生終了のイベントを拾い(onStateChange)、
次コンテンツの動画リスト取得・再生処理を呼び出す

YouTubeクロムレスプレイヤ&プレイヤUI埋め込み
FLASH上で プレイヤUI自体に クロムレスプレイヤを埋め込むのが
本来の使用方法と思われるが、JavaScript関数の明示的呼び出しとするため、
HTML上で、プレイヤUI上にクロムレスプレイヤを重ね合わせることで実現している。

【FLASH側処理】
作成には、フリーソフト Suzuka を使用。
それぞれのボタンの ActonScript に HTML側に記載した JavaScript関数の呼び出し処理を記述

JavaScript側の 呼び出しには、以下を使用。
--------------------------------
getURL("javascript:[関数()]");
--------------------------------

ツンデレ気候。
ツンデレカルタ2008~日本の夏!ツンデレの夏!~
ツンデレカルタ2008~日本の夏!ツンデレの夏!~

| YouTube | 01:34 | comments(0) | trackbacks(0) | pookmark |
デザイングッズストア。
CALENDAR
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  
<< August 2017 >>
SPONSORED LINKS
AMAZON RECOMMEND
ハァハァCD
ハァハァCD (JUGEMレビュー »)
オムニバス,白雪みるく,河原木志穂,くーたん,森永まみ,たぬまゆみ
SELECTED ENTRIES
CATEGORIES
ARCHIVES
RECENT COMMENT
デザイングッズストア。
心頭MakeUp Tシャツ。
2009_09_18_11_39_28
ブロカン
サンプル・モニターの口コミ広告ならブロカン
おしゃれショップ「かさぶた人生」
MOBILE
qrcode
LINKS
PROFILE