Gyao

Vivaldiスナップショットに搭載された「ピクチャー・イン・ピクチャー」機能の使い方とTips(追記あり)

先日リリースされたVivaldi最新スナップショット(2.1.1332.4)で、YouTubeなどの動画を小さい画面で表示する「ピクチャー・イン・ピクチャー」(ビデオポップアウト)機能が搭載されました!( ´ ▽ ` )ノ

スナップショット 2.1.1332.4 リリース:Vivaldiブラウザー日本語公式ブログ

ピクチャー・イン・ピクチャー機能のスクリーンショット↓
Vivaldi 2.1.1332.4:YouTubeなどで使えるビデオポップアウト機能を搭載! - 12
Vivaldi 2.1.1332.4:YouTubeなどで使えるビデオポップアウト機能を搭載! - 12 posted by (C)kyu3

ちょうどその3日前に要望を出していたので、驚きました(私の要望が採用された?^^ )が… ただ実装したばかりと言うのもあって、使い方が分かりにくかったり、どのサービスで使えるのか等が分からなかったりするのは問題だなと思ったので、今回この機能の使い方とTips(ちょっとしたお役立ち情報)について、記事を書こうと思います。(*^^*)


1. 使い方と現状の機能


まず使い方についてですが、非常に簡単です!動画の右クリックメニューから「ピクチャー・イン・ピクチャー」の項目を選択するだけです。

動画の右クリックメニュー↓
Vivaldi 2.1.1332.4:YouTubeなどで使えるビデオポップアウト機能を搭載! - 2(ポップアウトする右クリックメニュー)
Vivaldi 2.1.1332.4:YouTubeなどで使えるビデオポップアウト機能を搭載! - 2(ポップアウトする右クリックメニュー) posted by (C)kyu3

ただしYouTubeの場合、最初に以下の黒いメニューが表示されると思います。しかしこのあと続けて右クリックをすると、上のような普通のメニューが表示されるので、それで選択します。(*^^*)

YouTube動画の右クリックメニュー(※.1回目)↓
YouTube動画のHTML5動画の右クリックメニュー
YouTube動画のHTML5動画の右クリックメニュー posted by (C)kyu3

ちなみに現状(ver. 2.1.1332.4)で使える機能は、以下の通りです。

・動画の再生・停止
・動画の大きさを変更可能
・動画の表示位置を変更可能


2. 利用できるWEBサービス


Operaの同様の機能(※.Operaでは2年前にこの機能が実装され、「ビデオポップアウト」と言う名称で呼ばれています)の場合、対応してるWEBサービスの動画の上に以下のようなアイコンが表示されます。これをクリックすると動画がピクチャー・イン・ピクチャー表示されるのですが、Vivaldiの場合残念ながら、現状こう言った機能は実装されていません。

Operaのピクチャー・イン・ピクチャー機能のアイコン↓
Opera 37:動画のポップアップ表示機能を搭載 - 2(動画最上部にポップアップボタン、YouTube)
Opera 37:動画のポップアップ表示機能を搭載 - 2(動画最上部にポップアップボタン、YouTube) posted by (C)kyu3

そのためそのWEBサービスで利用できるかどうかは、実際試してみる必要があります(これがちょっと面倒です。(^^; )…と言うことで、とりあえずどのWEBサービスで使えるか、ざっと試してみました。結果は以下の通りです。

<"利用できた" サービス>
YouTube
Dailymotion
Gyao!
Twitch(※.注:できる時とできない時あり?詳しくは追記参照!)
Mixer(※.注:できる時とできない時あり?詳しくは追記参照!)

<"利用できなかった" サービス>
Vimeo
AbemaTV
ツイキャス
Periscope
Twitter
ニコニコ動画
Netflix
Amazonプライム・ビデオ

現状ではまだ利用できないサービスが多いようです。「Gyao!」で使えたのは意外でしたが、当然使えるであろうと思っていた「Vimeo」で使えなかったのは、とても意外でした。

ちなみにこの機能、WEBサービス側で対応する必要があるのかどうかは分かりませんが、少なくとも利用できるかどうかが明示的に分かり、かつ利用したい時にすぐに使えるOperaと同じ様な機能を、是非実装して欲しいなと思います。そうしたら少なくともユーザーがそのサービスで利用できるかどうか、すぐに分かるので。(*^^*)


3. Tips:パネルでも利用可能、簡易コントローラー化


最後にTipsを2つ。まずはこの機能、WEBパネルの動画でも利用することができます!以下の @AKAMAGE さんのツイートで知ったのですが、これが意外に快適♪ (*^^*)


@AKAMAGE さんも指摘していますが、現状Vivaldiのピクチャー・イン・ピクチャー(PiP)機能は、動画の再生・停止しかできません。例えば音量調節や動画の再生位置を変更したい場合は、WEBページ上の元動画の方のコントロール部分で行う必要があります。

元動画でピクチャー・イン・ピクチャーした動画を操作してるところ↓
(※. 字幕はPiPした動画の方には表示されず、元動画の方に表示されます)
Vivaldi 2.1.1332.4:ピクチャー・イン・ピクチャー機能(字幕はPinPに表示されず、再生・停止以外は元動画で捜査)- 2
Vivaldi 2.1.1332.4:ピクチャー・イン・ピクチャー機能(字幕はPinPに表示されず、再生・停止以外は元動画で捜査)- 2 posted by (C)kyu3

この場合通常のタブで開いてる動画だとわざわざそのタブのページに移動しなければなりませんが、パネルならそのページに移動することなく開くことができ、操作後すぐに閉じることもできるので、結構便利だと思います。(*^^*)

パネルのYouTube動画をピクチャー・イン・ピクチャーしてるところ↓
Vivaldi 2.1.1332.4:WEBパネルの動画もポップアウト可能! - 6
Vivaldi 2.1.1332.4:WEBパネルの動画もポップアウト可能! - 6 posted by (C)kyu3

ちなみにパネルで通常表示されるモバイル版のYouTubeだと、1回めの右クリックで「ピクチャー・イン・ピクチャー」のメニューが表示されます。

モバイル版YouTube動画の右クリックメニュー↓
Vivaldi 2.1.1332.4:WEBパネルの動画もポップアウト可能! - 2
Vivaldi 2.1.1332.4:WEBパネルの動画もポップアウト可能! - 2 posted by (C)kyu3

あとこの機能、視聴してる動画が音声メインであれば、最小化して画面隅に表示することで、簡易コントローラとして利用することもできると思います!これならわざわざ動画の再生・停止でその動画を開いてるタブやパネルを表示する必要がないので、とても便利だと思います。( ´ ▽ ` )ノ

画面隅に最小化表示してるところ↓
Vivaldi 2.1.1332.4:パネルのYouTube動画を最小化表示して簡易コントローラー代わりに! - 5
Vivaldi 2.1.1332.4:パネルのYouTube動画を最小化表示して簡易コントローラー代わりに! - 5 posted by (C)kyu3

Vivaldi 2.1.1332.4:パネルのYouTube動画を最小化表示して簡易コントローラー代わりに! - 4
Vivaldi 2.1.1332.4:パネルのYouTube動画を最小化表示して簡易コントローラー代わりに! - 4 posted by (C)kyu3


【関連リンク】
スナップショット 2.1.1332.4 リリース:Vivaldiブラウザー日本語公式ブログ
Operaみたいなビデオポップアウト機能:Vivaldi公式フォーラム

【関連記事】
Opera 37レビュー:動画のポップアップ、広告ブロック、ほか : Kyu3’s Blog
OperaとVivaldiでサッカーW杯を楽しむ方法 : Kyu3’s Blog
Vivaldi最新スナップショットで、パネルのオーバーレイ表示が可能に! : Kyu3’s Blog


【追記(2018年10月17日)】


おもにゲーム配信として利用されてる「Mixer」と「Twitch」、どうも利用できる時とできない時があるみたいで、右クリックメニューに当該メニューが表示される時とされない時がありました。なので一応両方とも”注意書き付き"で、「できる」の項目に追加しました。(^^;

あとこの「ピクチャー・イン・ピクチャー」機能自体は、拡張機能を使っても利用できます。例えば以下の「Picture-in-Picture」と言う拡張を使うと「Youtube」や「Dailymotion」だけでなく、「Vimeo」や「Perisope」に加え、「Amazonプライム・ビデオ」や「Netflix」などの有料動画配信サービスの動画でも、ピクチャー・イン・ピクチャーが利用できます!( ´ ▽ ` )ノ @nibushibu さん、感謝!!

Picture-in-Picture:Chromeウェブストア

「Picture-in-Picture」でAmazonプライムビデオの動画をピクチャー・イン・ピクチャーしたところ↓
Chrome拡張「Picture-in-Picture」:Amazonプライムビデオの動画もPinP可能! - 1
Chrome拡張「Picture-in-Picture」:Amazonプライムビデオの動画もPinP可能! - 1 posted by (C)kyu3

ちなみに他にも同様の拡張は複数あるので、興味のある方は、以下の「関連リンク」のリンク先ページを見てみてはいかがでしょう?

【関連リンク】
「picture in picture」で検索:Chromeウェブストア
「video popout」で検索:Chromeウェブストア


【追記 その2(2018年10月24日)】


今日(10月24日)リリースされた最新スナップショットの"RC 2"(正式版2.1リリース候補の第2段)で、残念ながらピクチャー・イン・ピクチャー機能が削除されたそうです。そして近々リリースされる正式版2.1の最初のバージョンでの実装も、見送られたとのこと。(^^;

Vivaldi 2.1 RC2 リリース:Vivaldiブラウザー日本語公式ブログ



【追記 その3(2018年11月4日)】


公式ブログなどで特にアナウンスされてませんでしたが、最新のスナップショット 2.2.1350.4 で、ピクチャー・イン・ピクチャー機能が復活してました。(*^^*)


【関連リンク】
Vivaldiブラウザースナップショット 2.2.1350.4 リリース:Vivaldiブラウザー日本語公式ブログ

スウェーデン発のダーク・ファンタジー!ドラマ『捜査官エヴァ 孤独の森』は、結構お薦め!

Gyao! でスウェーデンのドラマ『捜査官エヴァ 孤独の森』が無料配信されていたので、見てみました。説明欄には「犯罪ミステリー」とあったので、てっきり“ミステリー物”かと思ったのですが… 実際は"ダーク・ファンタジー"(シリアスなファンタジー)でした!(*^^*)

捜査官エヴァ 孤独の森:GYAO!

ストーリーを簡単に説明すると、以下のような感じでしょうか。

7年前に娘が行方不明になったことを機に、故郷の町とも父親とも疎遠になっていた警察官のエヴァ。しかし父親が自殺したと言う報せを受け、久しぶりに帰郷することになる。そんな折り奇しくも故郷の町では、再び子供の行方不明事件が発生していた。エヴァは「娘の行方不明事件と関係があるのでは?」と言う想いから、独自に捜査を始める。

ここから先はネタバレになっちゃうので書きませんが、"ダーク・ファンタジー"が好きな方には、結構お薦めかと。

ちなみに1話が約1時間。計10話あるので、全部見るのは結構大変かもしれませんが… 色々と伏線がありつつも、それらがきちんと回収されるので、例えば最近続編が作られた『Xファイル』のような、妙なモヤモヤや「結局何だったんだぁ〜!?」みたいな感覚は、残らないかと。(^^;

なお Gyao! では 3月15日(水)まで、全話無料配信されています。興味のある方は、お早めに!(^O^)/

『捜査官エヴァ 孤独の森』(原題『Jordskott』)のプロモ動画↓


【関連リンク】
ドラマ『Jordskott』公式 YouTube チャンネル
ドラマ『Jordskott』公式 Instagram
ドラマ『Jordskott』公式 Twitter


【追記(2017年3月9日)】


『捜査官エヴァ』のシーズン 2は、既に製作開始されてるようです。ドラマの公式 YouTube チャンネルに、ティザー映像がアップされてました!

Jordskott II Teaser:YouTube

動画の説明欄に「2017年秋(Hösten/Fall 2017)」とあるので、今年の秋にスウェーデンで放送されるのかもしれません。(*^^*)


【追記(2017年3月11日)】


ドラマの公式 Twitter に、ドラマの撮影場所となった地域の紹介ページと見られるページへのリンクが、設置されてました。それによると、どうやら撮影場所はスウェーデンの南東部、首都ストックホルムの近くにあるようです。

DISCOVER SILVERHÖJD | Welcome to Silverhojd.

Mac版Blink OperaでGyao!を見る方法

Blink OperaでGyao!を見る方法(User-Agent Switcher)
Blink OperaでGyao!を見る方法(User-Agent Switcher) posted by (C)kyu3

このブログのアクセス解析見てみたら、「Opera Gyao! 見れない」と言うキーワードでいくつかアクセスが…。しかし検索してみたら、古い情報(Ver.12 以前の Opera の情報)しか見当たらなかったので、今回記事を書くことにしました。


1. Mac版 Blink Opera で Gyao! が見れない?!

今年(2014年)の5月頃、それまで普通に見れていた Gyao! が、突然 Blink Opera(以下「Opera」)で見れなくなりました。


その後、それが Mac版 だけに起こる(Windows版 Opera だと見れる)ことが分かり、視聴環境には含まれていないものの、Firefox だと見れたので、Gyao! を見る時は Firefox を起動して見ていたのですが… 以下で紹介する拡張機能をインストールしたら、無事 Mac版 Opera でも、見ることができるようになりました!ヽ(*´∀`)ノ


2. 拡張機能「User-Agent Switcher」で、Gyao! が視聴可能に!

「User-Agent Switcher」は、ユーザーエージェントの偽装(いわゆる「UA偽装」)を可能にする拡張機能です。この拡張機能を使って、Gyao! が視聴できるブラウザ(私は Mac版 Firefox にしています)に偽装する事で、Gyao! の動画が見れるようになります。(*^^*)

拡張機能「 User-Agent Switcher」:Opera アドオン

使い方は、とても簡単!WEBページ上の任意の場所で右クリックした後、偽装したいブラウザの名前を、選択するだけです。

UA偽装ができるOperaエクステンション「User-Agent Switcher」
UA偽装ができるOperaエクステンション「User-Agent Switcher」 posted by (C)kyu3

ちなみにこの拡張を使うと、パソコンだけでなく、"スマフォ"や"タブレット"のブラウザ(選択メニューの中には「MeeGo」や「Blackberry」の名前も…(^^) )に偽装することも可能です。なので、スマフォやタブレット用のページの見え方の確認にも、使えるかと。


追記(2014/8/20 22:20):
「User-Agent Switcher」を使っていても、稀に動画が見れない(『お使いのブラウザでは、視聴できません』と表示される)事がありますが、それはおそらく Opera がこの拡張の読み込みに失敗した(?)のだと思うので、そう言う場合はページを再読み込みすると、見れるようになります。


3. Presto Opera(Ver.12 以前)で、Gyao! を見れるようにするには…

バージョン12以前の Opera(いわゆる「Presto Opera」)の場合、Windows版も Mac版も Gyao! の視聴環境の"対象外"となっており、そのままだと動画を見ることができませんが… こちらの場合は「AntiBrowsniffer」と言う拡張をインストールすると、"設定無し"で見ることができるようになります(※Mac版 Opera Ver.12.17 で確認済み)。(*^^*)

拡張機能「 AntiBrowsniffer」:Opera アドオン
お薦めOperaエクステンション:Gyao!が視聴可能になったりYouTube検索の問題が解消される「AntiBrowsniffer」 : Kyu3's BLOG

ちなみにこの拡張機能をインストールすると、Gyao! のほかにも、いくつか Presto Opera で見られない(または、正常に動作しない)ページが、見られる(正常に動作する)ようになります(※詳しくは、上記のリンク先参照)。

あと Presto Opera では、「User JS」を使って見れるようにする方法も…(※こちらは試していません)。

OperaでGyao!を見られるようにするUser JSを追加 : Kyu3's BLOG


追記(2014/9/8):

Opera社の方が日本のプロキシ経由で Gyao! にアクセスしたら、ユーザーエージェント変更しなくても、普通に「動画観れた」とのことだったので、久しぶりにユーザーエージェント変更せず見てみたら、問題なく動画観られましたぁ〜!Σ(・ω・ノ)ノww


また仕様変更されたの…かもしれません。( ˘ω˘ )

お薦めOperaエクステンション:Gyao!が視聴可能になったりYouTube検索の問題が解消される「AntiBrowsniffer」

お薦めOperaエクステンション:Gyao!が視聴可能になったりYouTube検索の問題が解消される「AntiBrowsniffer」
お薦めOperaエクステンション:Gyao!が視聴可能になったりYouTube検索の問題が解消される「AntiBrowsniffer」 posted by (C)kyu3

Gyao!が視聴可能になったり、YouTube検索の問題が解消される「AntiBrowsniffer」と言うエクステンションがOperaエクステンション・カタログに公開されていたので、紹介します。

機能は以下の通りです。
  • 「Gyao!」を視聴可能にする。(※要・Silverlight)
  • Googleマップで「Google Earth」と同じような表示方式を可能にする。(※要・Google Earthプラグイン)
  • YouTubeの検索ボックスで検索時に表示されるキーワード候補へ「↓」キー(あるいは「↑」キー)を使った際、ページ全体がスクロールしてしまう問題を解消。
  • Picasaで『ご使用のブラウザは完全にはサポートされていません・・・』と言うアラートを非表示にする。

エクステンションの有効・無効は、アドレスバーのエクステンション・ボタンをクリックする事で、切り替える事ができます。

以下の画像は、実際使用してる(有効にしてる)ところを撮影したスクリーンショットです。

Gyao!を視聴↓

Operaエクステンション:AntiBrowsniffer(Gyao!)

Googleマップで「Google Earth」表示↓
Operaエクステンション:AntiBrowsniffer(Googleマップ)

YouTube検索時↓
Operaエクステンション:AntiBrowsniffer(YouTube、拡大)

Picasa↓
Operaエクステンション:AntiBrowsniffer(Picasa)

特にYouTubeの問題は、多くの人が「何とかして欲しい」と感じている事でしょう。たぶんOpera社も問題には気づいてると思うので、いずれ解消されると思いますが・・・。それまでの間は、このエクステンションを使ってみてはいかがでしょう?

【関連記事】
OperaでGyao!を見られるようにするUser JSを追加 : Kyu3's BLOG

OperaでGyao!を見られるようにするUser JSを追加

User JS:GyaoYahoo_Douga.js
User JS:GyaoYahoo_Douga.js posted by (C)kyu3

Operaで動画配信サイト「Gyao!」の動画を見る方法が、Opera Wikiの「GyaOを観たい」と言うタイトルの記事に書かれていたので、試してみました。今回はその事に関する記事です。

やり方はとても簡単♪
まずマイクロソフトの公式サイトから、「Silverlight」をダウンロードしてインストールします。

Microsoft Silverlight 公式サイト

次に以下のテキストを、"UTF-8"に対応したテキストエディタ(※私はTerapadを使いました)で、ファイル名「GyaoYahoo_Douga.js」で保存します。

// ==UserScript==
// @name GyaoYahoo_Douga
// @author hoge
// @namespace hogehoge
// @version 1.0
// @description GyaoYahooo douga enabler for opera10
// @include http://gyao.yahoo.co.jp/*
// @include http://player.gyao.yahoo.co.jp/*
// @include http://*.yahoo.co.jp/*
// ==/UserScript==

if(location.hostname == 'gyao.yahoo.co.jp') {
window.opera.defineMagicFunction(
'isCommonEnvCheck' ,
function(){ return true; }
);

window.opera.defineMagicFunction(
'isNormalPlayerCheck' ,
function(){ return true; }
);
}

それを User JavaScript(以下「User JS」)のフォルダに移動させるだけです。すると動画が再生されるようになります。

「GyaoYahoo_Douga.js」を使用した時↓
User JS:GyaoYahoo_Douga.js
User JS:GyaoYahoo_Douga.js posted by (C)kyu3

「GyaoYahoo_Douga.js」を使用しなかった時↓
Gyaoスクリーンショット
Gyaoスクリーンショット posted by (C)kyu3

なお User JS そのものについて詳しく知りたい方は、以下のページを参照してみて下さい。

User JavaScript(Opera Wiki)
http://ja.opera-wiki.com/User_JavaScript


PS:
私はアメリカのドラマが結構好きなのですが、Gyao! ではそれが見られるので、結構重宝しています。最初は広告がうざかったですが、最近はそれもあまり気にならない感じ。
カテゴリー
記事検索
管理者のプロフィール
Twitterアイコン名前(ハンドルネーム)
「Kyu3」

プロフィール(Profile)
ギャラリー
  • 豊田市も自治体情報配信用のTwitterアカウントの運用開始!
  • 「モバイルSuica」の残高が更新されない問題の対処法
  • 「モバイルSuica」の残高が更新されない問題の対処法
  • 「モバイルSuica」の残高が更新されない問題の対処法
  • 「モバイルSuica」の残高が更新されない問題の対処法
  • 「モバイルSuica」の残高が更新されない問題の対処法
  • 山下しずおが予定価格漏洩の隠蔽を指示!?「小牧市政をかえる会」がリーク文書を全文公開!(小牧市こども未来館・子育て包括支援センター官製談合問題)
  • 山下しずおが予定価格漏洩の隠蔽を指示!?「小牧市政をかえる会」がリーク文書を全文公開!(小牧市こども未来館・子育て包括支援センター官製談合問題)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)
  • 独特の操作性とPC版Operaとの連携が特徴のモバイルブラウザ「Opera Touch」iOS版レビュー(追記あり)