パネル

Vivaldi最新スナップショットで、パネルのオーバーレイ表示が可能に!

Vivaldi公式ブログで知ったのですが、最新のスナップショット(ベータ版)1.16.1226.3 で、パネルのオーバーレイ表示(WEB表示領域を狭める事なく、上に重なるように表示)が可能になったとのこと!!おぉ〜!! (>ω<ノ)ノ

Floating panels – Vivaldi Browser snapshot 1.16.1226.3:Vivaldi公式ブログ

Vivaldi公式HPで試したところ↓
Vivaldi 1.16.1226.3:パネルのオーバーレイ表示が可能に! - 4(表示設定比較)
Vivaldi 1.16.1226.3:パネルのオーバーレイ表示が可能に! - 4(表示設定比較) posted by (C)kyu3

ちなみに設定画面の項目は、こんな感じです。オーバーレイ表示(英語だと『Floating Panel』)の有効無効の他、マウスカーソルがパネルから外れたら自動的に閉じる機能もありました。

Vivaldi 1.16.1226.3:パネルのオーバーレイ表示が可能に! - 9(設定項目)
Vivaldi 1.16.1226.3:パネルのオーバーレイ表示が可能に! - 9(設定項目) posted by (C)kyu3

ちなみに最新のスナップショットでは、先日記事に書いた通り、タブタイリングで分割表示したページの幅も調整可能になっています。

Vivaldi最新スナップショットで、タブタイリングの表示幅が変更可能に!? : Kyu3’s Blog

なおどうしてもこれらの機能が使いたいと言うのであれば別ですが、そうでないなら1.16 系のスナップショットへのアップデート(ならびに正式版からの切り替え)は、止めた方が良いと思います。と言うのも、最新の1.16系は不具合が多く、様々な問題点を指摘するツイートを時々見かけるので。(^^;

Twitterで「vivaldi lang:ja」と検索

タブタイリングの表示幅変更機能はまだスナップショットの更新履歴にも掲載されておらず、正式版搭載にはまだ少し時間がかかるかもしれませんが、パネルのオーバーレイ表示はおそらくすぐに正式版に搭載されるのではと思われるので、繰り返しになりますが、どうしてもこの機能が使いたい場合は別ですが、そうでないなら正式版への搭載を待った方が良いと思います。(*^^*)


【関連項目】
Floating panels – Vivaldi Browser snapshot 1.16.1226.3:Vivaldi公式ブログ
[Feature Requests] Panel Popup Option:Vivaldi公式フォーラム・・・約1年前にこの機能を要望として書いた公式フォーラムのトピック。ちなみにモデレーターさんによると、Vivaldiの設定ファイルを直接書き換える事でも、パネルのオーバーレイ表示が可能にできるそうです。
Vivaldi WEBパネルの活用方法まとめ #VivaldiJP:Togetter

【関連記事】
Vivaldi WEBパネルで、ローカルの音楽ファイルや動画ファイルを連続再生する方法 : Kyu3’s Blog
Vivaldi WEBパネルのお薦め活用法 : Kyu3’s Blog

OperaとVivaldiでサッカーW杯を楽しむ方法

サッカー・ワールドカップ・ロシア大会が始まって、はや数週間。今大会は「NHK」と「Tver」の専用サイトとアプリで各試合がストリーミング配信(あと見逃し配信やハイライト配信)されるようになり、非常に視聴しやすい大会となってます!そんなワールドカップの配信およびワールドカップのサイトなどをOperaやVivaldiで楽しむ方法について、今回は記事を書こうと思います!( ´ ▽ ` )ノ

1. Operaのビデオポップアウトだと「ながら」視聴が快適!


Operaは2年前から動画をポップアップ表示する「ビデオポップアウト」機能を搭載していますが、今回の大会でライブストリーミングを行ってる「NHK」と「Tver」ともに、この機能を使用することができました

2018 FIFA ワールドカップ:NHKスポーツオンライン
2018 FIFA ワールドカップ:Tver

なので、例えば他のタブでTwitterをしつつライブストリーミングを視聴したり、あるいは他のアプリで作業していても同じデスクトップで作業してる限りは動画が最前面に表示されるので、他のアプリで作業しながらライブストリーミングを視聴することができます!(>ω<)/

(※注:以下ライブストリーミングのスクショは、すべてモザイクがかかっています。)

TweetDeckでTwitterをしつつ、ビデオポップアウトでライブストリーミングを視聴↓
Opera 53:ビデオポップアウトでTweetDeck開きながらワールドカップを視聴!
Opera 53:ビデオポップアウトでTweetDeck開きながらワールドカップを視聴! posted by (C)kyu3

写真アプリで写真を編集しつつ、ビデオポップアウトでライブストリーミングを視聴↓
写真アプリで写真編集しつつ、Operaのビデオポップアウトでワールドカップを視聴!
写真アプリで写真編集しつつ、Operaのビデオポップアウトでワールドカップを視聴! posted by (C)kyu3

ちなみに「NHK」と「Tver」の動画再生に関する注意点ですが、視聴するには広告ブロック機能および広告ブロック拡張をオフにしないといけないのに加え、たまにそうしなくてもOKな時があるのがよく分からないのですが、サードパーティーCookieを認める設定にしていないと視聴できない時がありました(Opera・Vivaldiともに)!ちなみに『サードパーティーCookie』に関する説明は、以下のリンク先ページを参照して下さい。

サードパーティクッキーって何だっけ? 今さら聞けないHTTP Cookieのキホン:Web担当者Forum
サードパーティCookieを禁止する:Firefoxヘルプ

なので、もし広告ブロック機能(および拡張)をオフにしてても動画が見られない場合は、こちらの設定を変更してみてはいかがでしょう?

あとOperaもVivaldiも「サードパーティーCookieの設定がどこにあるか分からない」と言う場合は、両方とも設定画面に検索窓が用意されてるので、そこに『Cookie』と入力すると設定が表示されます。

Vivaldiの設定画面で『Cookie』と入力↓
Vivaldi 1.16:サードパーティーCookieの設定
Vivaldi 1.16:サードパーティーCookieの設定 posted by (C)kyu3


2. Vivaldiのタブタイリングで2つの試合や複数のカメラを同時視聴可能!


グループリーグ終盤になると2つの試合が同時に行われるようになり、1つの試合を見てても他会場がきになることがありますが、Vivaldiのタブタイリング機能を使えば、2試合同時に見ることもできます!!(*^^*)

左右に「NHK」と「Tver」の異なる試合の映像を同時表示した場合↓
Vivaldi:タブタイリングで2つのワールドカップ動画を同時視聴! - 3(左右並び)
Vivaldi:タブタイリングで2つのワールドカップ動画を同時視聴! - 3(左右並び) posted by (C)kyu3

上下に「NHK」と「Tver」の異なる試合の映像を同時を表示した場合↓
Vivaldi:タブタイリングで2つのワールドカップ動画を同時視聴! - 6(上下表示、UI非表示)
Vivaldi:タブタイリングで2つのワールドカップ動画を同時視聴! - 6(上下表示、UI非表示) posted by (C)kyu3

さらに今回「NHK」のライブストリーミングの場合、マルチアングルで様々な視点や複数のアングルを同時に見る機能もあります。この機能の説明は、以下のページおよびページ先の動画を参照して下さい。

【2018 FIFA ワールドカップ】便利な使い方:NHKスポーツオンライン

この機能をVivaldiのタブタイリング機能と組み合わせて使うことで、同じ試合を異なるアングルで同時に楽しむこともできます

「NHK」ライブストリーミングの異なるアングルの映像を上下に表示↓
Vivaldi:タブタイリングで2つのワールドカップ動画を同時視聴! - 9(マルチアングル同時視聴)
Vivaldi:タブタイリングで2つのワールドカップ動画を同時視聴! - 9(マルチアングル同時視聴) posted by (C)kyu3

「NHK」ライブストリーミングの普通の試合映像とマルチアングル映像を左右に表示↓
Vivaldi:タブタイリングで2つのワールドカップ動画を同時視聴! - 7(マルチアングル同時視聴)
Vivaldi:タブタイリングで2つのワールドカップ動画を同時視聴! - 7(マルチアングル同時視聴) posted by (C)kyu3

ちなみにVivaldiの最新の安定版1.15(※2018年6月28日時点)では、残念ながらまだこのタブタイリング機能で表示してるページの幅を調整できませんが、スナップショット(ベータ版)の方では可能になってます!

Vivaldi最新スナップショットで、タブタイリングの表示幅が変更可能に!? : Kyu3’s Blog


3. WEBパネルでワールドカップ情報をチェック!


最後にVivaldiの人気機能「WEBパネル」を使う事でも、ワールドカップをより楽しめるようになると思います。例えば試合の日程や時間をチェックしたり、試合中選手のプロフィールを参照したりするのにも活用できると思いますし、動画のちら見やテキスト実況などをチェックすると言う使い方もできるでしょうから。(*^^*)

以下で紹介するのは、これらに適してると思われるサイトをピックアップしたものです。


a. 2018 FIFAワールドカップ ロシア:サッカーキング

Vivaldi WEBパネル:サッカーキングのワールドカップ特集 - 1
Vivaldi WEBパネル:サッカーキングのワールドカップ特集 - 1 posted by (C)kyu3


b. 2018ワールドカップ(W杯)ロシア大会-サッカー:朝日新聞デジタル

Vivaldi WEBパネル:朝日新聞iのワールドカップ特集 - 4
Vivaldi WEBパネル:朝日新聞iのワールドカップ特集 - 4 posted by (C)kyu3


c. ロシアワールドカップ特集:スポーツナビ

Vivaldi WEBパネル:Sportsnaviのワールドカップ特集 - 1
Vivaldi WEBパネル:Sportsnaviのワールドカップ特集 - 1 posted by (C)kyu3


d. FIFAワールドカップ:Tver(※動画も視聴可能!)

Vivaldi WEBパネル:Tverは動画の視聴も可能! - 1
Vivaldi WEBパネル:Tverは動画の視聴も可能! - 1 posted by (C)kyu3


e. 2018 FIFA ワールドカップ:NHKスポーツオンライン(※テキスト実況)

Vivaldi WEBパネル:NHKワールドカップのライブ配信ページ - 1(テキスト実況)
Vivaldi WEBパネル:NHKワールドカップのライブ配信ページ - 1(テキスト実況) posted by (C)kyu3

ちなみにOperaでもVivaldiのWEBパネル機能とほぼ同じ機能を再現できる拡張機能があるので、Operaでもこう言う機能が使いたいと言う方は、以下のリンク先の拡張機能(「Web Panel」)をインストールしてみてはいかがでしょう?

Web Panel:Opera公式拡張配布サイト


【関連リンク】
2018 FIFA ワールドカップ:NHKスポーツオンライン
2018 FIFA ワールドカップ:Tver

【関連記事】
ワールドカップのストリーミング動画配信ページを知る方法 : Kyu3’s Blog
Opera 37レビュー:動画のポップアップ、広告ブロック、ほか : Kyu3’s Blog
Vivaldiのお薦め機能:空間ナビゲーション、ニックネーム、タブタイリング : Kyu3’s Blog
Vivaldi最新スナップショットで、タブタイリングの表示幅が変更可能に!? : Kyu3’s Blog
Vivaldi WEBパネルのお薦め活用法 : Kyu3’s Blog


【追記(2018年7月2日)】


「Tver」だとWEBパネルで動画視聴可能だったので、「3」のお薦めサイトに追加しました。(*^^*)


【追記 その2(2018年7月3日)】


VivaldiのWEBパネル機能に関して追記。先の追記でも書いた通り、Vivaldi WEBパネルで「Tver」の動画(およびライブ中継も)を見ることはできますが、「NHK」は残念ながら見ることができない…かと思っていたのですが、違ってました!(^^;

今回「NHK」はワールドカップ専用サイトで、2つのライブ配信を行っています。1つはネット専用。もう1つはテレビ放送と同じ映像と音声を同時配信するものなのですが、テレビと同時配信する方は、Vivaldi WEBパネルでも見ることができました!(*^^*)

【2018 FIFAワールドカップ】放送同時配信:NHKスポーツオンライン

Vivaldi WEBパネル:NHKワールドカップ放送同時配信はライブ動画も視聴可能! - 1
Vivaldi WEBパネル:NHKワールドカップ放送同時配信はライブ動画も視聴可能! - 1 posted by (C)kyu3

Vivaldi WEBパネルで、ローカルの音楽ファイルや動画ファイルを連続再生する方法

広告鳥(@adbirdbrain)さんのツイートで知ったのですが、HTML 5プレーヤーを使って、ローカルの音楽ファイル(や、あと動画ファイルも)をVivaldiのWEBパネルで連続再生できることを知ったので、今回このことをブログに書こうと思います。( ´ ▽ ` ) .。oO( 伝説の「音楽パネル」の復活!?w )


やり方はすごく簡単です!広告鳥さんのブログに書いてある通り、MacならテキストエディットなどのアプリにHTMLソース(※以下のリンク先に掲載)をコピペし、HTMLファイルを作成した後、それをVivaldiで開いてWEBパネルに追加するだけです。連続再生したいローカルファイルは、WEBパネルにそのままドラッグ&ドロップすればOKです!(*^^*)

Vivaldiブラウザのウェブパネルに簡易音楽プレイヤーを追加:adbird(広告鳥) 備忘録
いまさらHTML5 (簡易プレイヤー編):Qiita・・・広告鳥さんが参照した「Qiita」の記事。

実際再生してるところを撮影したスクリーンショットが、こちらの画像です。

Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 1
Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 1 posted by (C)kyu3

Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 5(音楽ファイルを再生)
Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 5(音楽ファイルを再生) posted by (C)kyu3

ちなみに音楽ファイルだけでなく、動画ファイルも連続再生できます。動画はパネル全体に全画面表示することも可能です。

Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 6(動画ファイルを再生)
Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 6(動画ファイルを再生) posted by (C)kyu3

Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 8(動画を全画面再生)
Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 8(動画を全画面再生) posted by (C)kyu3

補足事項としては、まずスキップボタン(次のファイルの再生へと移るボタン)は右端に表示されるので、パネル幅が狭いとスクロールが必要になるかもしれません。※. 広告鳥さんがソースを更新してくれて、スキップボタンが右端ではなく、ファイル名の下に表示されるようになりました。詳しくは「追記」を参照!(*^^*)/ 広告鳥さんに感謝!!)ちなみに下矢印(『 ↓ 』)は、ダウンロードボタンです。

Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 3(スキップメニュー等)
Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 3(スキップメニュー等) posted by (C)kyu3

それとこのプレーヤーではスキップすることはできますが、1つ前のファイルに戻る機能はありません

あと広告鳥さんのスクリーンショットの様に、再生するために読み込んだファイルの一覧に再生順序を表示するには、読み込むファイルのファイル名そのものを編集(※. 例えばリストの1番目に追加したいファイルなら、そのファイルのファイル名の頭に「01」と付けるとか)する必要がある※. 広告鳥さんがソースを更新してくれて、最新版ではリスト番号が自動的に追加されるようになったそうです。 詳しくは「追記 その2」を参照! Σ(>ω<ノ)ノオオォッ!! )ようです。

なお単にローカルの音楽ファイルや動画ファイルを単体でパネルで再生するだけなら、ブラウザで再生できるファイル形式なら、直接開けば再生できます。例えばローカルのフォルダをVivaldiで開いてそれをパネルに表示し、クリックすると普通に再生できます。以下の画像が、その時撮影したスクリーンショットです。

Vivaldi 1.0:パネルでローカル音楽ファイルを再生 - 1
Vivaldi 1.0:パネルでローカル音楽ファイルを再生 - 1 posted by (C)kyu3

Vivaldi 1.0:パネルでローカル音楽ファイルを再生 - 2(再生中)
Vivaldi 1.0:パネルでローカル音楽ファイルを再生 - 2(再生中) posted by (C)kyu3

率直に言って、実用度はそんなに高くないと思いますが… どうしてもローカルに置いてる音楽ファイルをパネル再生したい方は、これらの方法を試してみてはいかがでしょう?(*^^*)


【関連リンク】
Vivaldiブラウザのウェブパネルに簡易音楽プレイヤーを追加:adbird(広告鳥) 備忘録
いまさらHTML5 (簡易プレイヤー編):Qiita
Vivaldi WEBパネルの活用方法まとめ #VivaldiJP:Togetter

【関連記事】
Vivaldi WEBパネルのお薦め活用法 : Kyu3’s Blog


【追記(2018年3月21日)】


このパネルに関してツイートしたところ、広告鳥さんが、スキップボタンがパネル幅が狭くても隠れないように、ファイル名の下に表示されるように、HTMLソースを変更してくれました!ヽ(*´∀`)ノ広告鳥さん感謝!!

Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 10(スキップボタンがファイル名の下に!)
Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 10(スキップボタンがファイル名の下に!) posted by (C)kyu3


あとさっき気づいたのですが、リストに新たに音楽ファイルや動画ファイルを追加したい場合は、追加したいファイルをそのままドラッグ&ドロップすると、既存のリストの下に追加される形で、ファイルがリストに追加されます。

Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 14(ドラッグ&ドロップでリストに追加)
Vivaldi WEBパネル:HTML5のメディアプレヤーを表示! - 14(ドラッグ&ドロップでリストに追加) posted by (C)kyu3


【追記 その2(2018年3月25日)】


広告鳥さんからのリプで知ったのですが、広告鳥さんのHTML 5 メディアプレーヤーはさらに進化していて、リスト番号が自動的に追加されるようになったそうです!Σ(>ω<ノ)ノ おぉ〜!!


早速試してみたら、確かにリスト番号が自動的に追加されるようになってました!

Vivaldi WEBパネルにHTML5メディアプレヤー;リスト番号が自動的に追加 - 2
Vivaldi WEBパネルにHTML5メディアプレヤー;リスト番号が自動的に追加 - 2 posted by (C)kyu3

あと広告鳥さんのブログでも紹介されてる、往年の音楽プレーヤーソフト「Winamp」をHTML 5とJavaScriptで再現した「Winamp2-js」も試してみました!

Vivaldi WEBパネルに「Winamp2-js」- 8
Vivaldi WEBパネルに「Winamp2-js」- 8 posted by (C)kyu3

こちらはJavaScriptも使ってるからか、かなり多機能!スキップだけでなく1つ前の曲に戻る機能もありますし、イコライザーで音質を変えることもできます。(*^^*)

ただ広告鳥さんも指摘している通り、デフォルトだとボタンやメニュー類が小さ過ぎるので、こんな風に表示を拡大したり、あとイコライザーがいらない場合は非表示(※. イコライザー右上の『X』ボタンをクリック)にしたり、あとはプレイリストの表示部分を大きくしたり(※. 右下のハンドル部分をドラッグ)等々して、多少カスタマイズした方が使いやすいと思います。

Vivaldi WEBパネルに「Winamp2-js」- 14:拡大、イコライザー非表示
Vivaldi WEBパネルに「Winamp2-js」- 14:拡大、イコライザー非表示 posted by (C)kyu3

Vivaldi WEBパネルに「Winamp2-js」- 12:パネル上部に位置を変更、イコライザーを非表示
Vivaldi WEBパネルに「Winamp2-js」- 12:パネル上部に位置を変更、イコライザーを非表示 posted by (C)kyu3

ちなみに「Winamp2-js」の操作方法などの詳しい情報は、以下のリンク先の『GIGAZINE』の記事に掲載されているので、興味のある方は見てみてはいかがでしょう?


【関連リンク】
WinampをHTML5とJavaScriptで再現した「Winamp2-js」:GIGAZINE


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


広告鳥さんからのリプで知ったのですが、今度はファイルを「開く/追加」ボタンが追加されたそうです!!(>ω<ノ)ノ おぉ〜!!



デザインも洗練されてきて、更に良い感じに♪ (*^^*)

ちなみに広告鳥さんのブログによると、これまで通り、ドラッグ&ドロップでもファイルを追加できるとのこと。


【関連リンク】
Vivaldiブラウザのウェブパネルに簡易メディアプレイヤーを追加:adbird(広告鳥) 備忘録


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


ファイルを「開く/追加」ボタンが追加されたとのことだったので、早速試してみました。Mac版でも問題なく開けました!(*^^*)/

Vivaldi WEBパネルにHTML5メディアプレヤー:ファイルを開く事が可能に - 4
Vivaldi WEBパネルにHTML5メディアプレヤー:ファイルを開く事が可能に - 4 posted by (C)kyu3

Vivaldi WEBパネルのお薦め活用法

昔のOpera(Ver.12以前)ゆずりのVivaldiの人気機能「WEBパネル」で使用するのに向いてるお薦めのWEBサイトに関して、今回記事を書こうと思います。( ´ ▽ ` )ノ


1. モバイル用Twitter(Twitter Lite)


Vivaldi WEBパネルの活用方法として、もっとも利用されてるのは「Twitter」でしょう!その中で私がお薦めなのが、公式Twitter WEBのモバイル用ページです。( ´ ▽ ` )ノ

モバイル用Twitter

Vivaldi WEBパネル:モバイル用Twitter「Twitte Lite」- 1
Vivaldi WEBパネル:モバイル用Twitter「Twitte Lite」- 1 posted by (C)kyu3

特に今年(2017年)の4月にページが軽量(「Twitter Lite」)化されてからは、動作も非常に軽快になり、使いやすさが大幅に向上したかと。

他にも「TweetDeck」や「twicli」などが人気ですが、「TweetDeck」はRTやリスト追加等々の機能が使いにくい(ダイアログが画面の隅に表示されるため、そこまでスクロールしなければならないのが面倒)のと、あとパネルの幅がある程度ないと使いにくいので、私はモバイル用Twitterを使っています。


2. Pocket


次にお薦めするのが、いわゆる「あとで見る」系サイトの「Pocekt」です。

Pocket

Vivaldi 1.3 お薦めパネル - 3:Pocket
Vivaldi 1.3 お薦めパネル - 3:Pocket posted by (C)kyu3

このサービス、PCブラウザだけでなくiPhoneでも色んなアプリで使用できるので、とにかく気になるサイトやニュースがあったらこの「Pocket」に追加し、あとでまとめて見るのが、この数年の習慣になってます。(*^^*)

1つ注意点としては追加したサイトを見る時、追加したページのタイトル部分をただただクリックすると、パネルの中でページを開いてしまうので、それで良いと言う方は良いのですが、そうではなくVivaldiのタブで開きたいと言う方は、ページタイトル下部のURL部分(リンク)を『Shift』キーや『Ctrl』(Macの場合『Command』)を押しながらクリックすると、新しいタブを開いてそこにページを表示するので、もしタブで開きたいと言う方は、この方法を使用してはいかがでしょう?

Vivaldi WEBパネルでPocketを活用
Vivaldi WEBパネルでPocketを活用 posted by (C)kyu3


3. Tenki.jp、goo天気


Operaでパネルをよく利用してた時もそうだったのですが、私はパネルに気象関係のページを登録しています。今使ってるのは「Tenki.jp」と「goo天気」。どちらもモバイル版が用意されており、パネルでの使用にピッタリです!( ´ ▽ ` )ノ

東海地方の雨雲の動き(実況):日本気象協会 tenki.jp

Vivaldi WEBパネル:Tenki .jpの雨雲レーダー - 2(東海地方)
Vivaldi WEBパネル:Tenki .jpの雨雲レーダー - 2(東海地方) posted by (C)kyu3

愛知県小牧市の天気(3時間毎):goo天気

VIvaldi WEBパネルで「goo天気」
VIvaldi WEBパネルで「goo天気」 posted by (C)kyu3

あと最近知ったのですが、「goo天気」は地震情報も割りと分かりやすい(見やすい)ので、こちらもたまに利用しています。こちらもお薦めです!

地震情報:goo天気

Vivaldi WEBパネルに「Goo天気」の地震情報 - 1
Vivaldi WEBパネルに「Goo天気」の地震情報 - 1 posted by (C)kyu3


4. Jamendo Music


最後に紹介するのが、最近Twitter上で知った音楽サービス「Jamendo Music」です!本当にVivaldiのWEBパネルのために作られた音楽サービスではないかと思うくらいWEBパネルの使用にピッタリで、色んなジャンルの音楽を無料で視聴(あとダウンロードも)することができます♪ (*^^*)

Jamendo Music

特に私が気に入ってるのが、各ジャンルごとの音楽をストリーミングで聞ける「ラジオ」機能。聞きたいジャンルの音楽を選択(クリック)した後、再生ボタンを押すだけで、それぞれのジャンルの音楽をストリーミングで聞くことができます。

Radios:Jamendo Music

Vivaldi WEBパネルで「Jamendo Music」使うなら「ラジオ」モードがお薦め! - 1
Vivaldi WEBパネルで「Jamendo Music」使うなら「ラジオ」モードがお薦め! - 1 posted by (C)kyu3

Vivaldi WEBパネルでの使用にピッタリなストリーミングアプリ「Jamendo Music」- 5
Vivaldi WEBパネルでの使用にピッタリなストリーミングアプリ「Jamendo Music」- 5 posted by (C)kyu3

ちなみに上記でもチラッと書きましたが、この「Jamendo Music」は、楽曲(MP3ファイル)のダウンロードもできるようです。ただしダウンロードするには、アカウント作成が必要です。またより高音質のファイルをダウンロードするには、有料でライセンス購入が必要とのこと。

Vivaldi WEBパネルで「Jamendo Music」:音楽をダウンロード - 1
Vivaldi WEBパネルで「Jamendo Music」:音楽をダウンロード - 1 posted by (C)kyu3

Vivaldi WEBパネルで「Jamendo Music」:音楽をダウンロード - 2
Vivaldi WEBパネルで「Jamendo Music」:音楽をダウンロード - 2 posted by (C)kyu3

ちなみに私の場合、ラジオ機能のストリーミングで聞いてるので、アカウントも作成せず使っていますが、それでも十分楽しめてます♪ (*^^*)


【追記(2017年11月22日)】
「Jamendo Music」使用際の情報を追記。WEBパネルに限らず、残念ながらいくつかの機能がVivaldiでは使用できないようです(他のブラウザでは試してないので、ひょっとしたら別のブラウザでは使えるかもしれませんが…)。使えない機能は、現在再生中の楽曲操作画面最下部の『再生・停止』ボタン以外のボタン(リピート、シャッフル、スキップ、1つ前の楽曲に戻る)です。

Vivaldi WEBパネル:Jamendo Musicの再生中の楽曲操作画面 - 2(現時点で機能しないボタン)
Vivaldi WEBパネル:Jamendo Musicの再生中の楽曲操作画面 - 2(現時点で機能しないボタン) posted by (C)kyu3

あと「Jamendo Music」のアカウントも取ってみてダウンロード機能も試してみたのですが、残念ながらWEBパネルでは、ダウンロードできないようです。そのため一度お気に入りに追加(『♡』ボタンをクリック)した後、『Setting』のお気に入り管理画面からダウンロードするようにしています。(*^^*)

Jamendo Music:お気に入りに追加した楽曲管理画面 - 2
Jamendo Music:お気に入りに追加した楽曲管理画面 - 2 posted by (C)kyu3


【追記(2017年11月27日)】
Twitterで教えてもらったのですが、上記の11月22日の追記で「現在再生中の楽曲操作画面最下部の『再生・停止』ボタン以外のボタンが使えない」と書きましたが、これはラジオのページのみでした!アルバムやプレイリストを聞いてる時は、発生しませんでした。なので、上記の追記を修正しました。(*^^*)/ @zyxwjp さん、感謝!!



5. 最後に関連「Togetterまとめ」の紹介


最後に、その他にも様々なサイトを色んな方が、VivaldiのWEBパネルで使用しています。もし興味のある方は、以下の関連リンクのTogetterまとめ「Vivaldi WEBパネルの活用方法まとめ」を見てみてはいかがでしょう?(*^^*)


【関連リンク】
Vivaldi WEBパネルの活用方法まとめ #VivaldiJP:Togetterとめ

【関連記事】
タグ「パネル」: Kyu3’s Blog・・・私のブログの「パネル」関連の記事
Vivaldiのお薦め機能:空間ナビゲーション、ニックネーム、タブタイリング : Kyu3’s Blog
Vivaldiのお薦め拡張機能:広告ブロック、タブ閉じ、ダウンロード管理、ほか : Kyu3’s Blog
私がVivaldiで使っているエクステンション(2016年6月) : Kyu3’s Blog


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


WEBパネルで「Jamendo Music」を使用する際の情報を本文に追記しました。


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


私は試していないのですが、Twitterで見かけた事例も紹介。上記の「Jamendo Music」に出会ってから、いくつかWEBパネルで使える音楽系サービスを調べたのですが、スウェーデン初の世界的音楽ストリーミング・サービス「Spotify」は、かなり良いかもしれません!パット見、WEBパネル上で使いやすそうですし。(*^^*)


ちなみにバックグラウンド再生(パネル非表示状態でも再生)できるとのことなので、「Spotify」で音楽かけつつ作業するのに向いてるかもしれません。


【関連リンク】
Spotify:Wikipedia


【追記(2017/11/24)】


一昨日(11月22日)の追記に誤りがあったので、追記しました。

Vivaldiで問題が起きるサイト(…と、分かればその解消法)

ITmediaの『Opera、中国企業に買収される』と言う記事がとても大きな反響を読んでおり(※実際はノルウェー政府の承認が必要なので、まだ正式に買収が完了した訳ではありませんが… とは言え、ノルウェー政府が承認しない可能性は、ほとんどないと思いますが…^^; )、Vivaldi に移行する人が増えてるようです。

さようならOpera こんにちはVivaldi:Togetterまとめ

しかし Vivaldi はまだ正式版がリリースされてから数ヶ月しか経っておらず、不具合も多いです。…そこで今回は、Vivaldi で問題が発生する WEBサイトに関して、知ってればその解決法も含めて、記事を書こうと思います!( ´ ▽ ` )ノ


1. HTML 5 動画を使用しているサイト(YouTube、Vime、Twitter、Facebook 等々)で、動画をフルスクリーンから戻すと UI 消える

この件は以前も書きましたが、一番影響が大きいと思われるので、もう一度書こうと思います。Vivaldi は YouTube や Vimeo、Twitter、Facebook などの HTML 5 動画を使用しているサイトの動画をフルスクリーン表示してから動画の大きさを元に戻した際、アドレスバーやタブバーなどの UI が全て消えてしまう不具合があります。

YouTubeやTwitterなどの動画をフルスクリーンにして戻すと、UIが全部消える:Vivaldi日本語フォーラム

実際問題が起こるところを撮影した動画↓

メジャーサイトで起こる問題なので、本当に早く解決した方が良いと思うのですが… 解決するのが難しいのか、なかなか解決しません。(^_^;

…とは言え、これも以前の記事や上記の日本語フォーラムにも書きましたが、一応 YouTube に関しては、動画の再生を HTML 5 ではなく "Flash Player" に変える拡張を使うことで、フルスクリーンから戻しても UI 消えなくすることはできます。なので、当分の間は、この拡張を使ってみてはいかがでしょう?

Disable Youtube™ HTML5 Player:Chrome ウェブストア・・・YouTube の動画再生を HTML 5 ではなく Flash Player に切り替える拡張の1つ。ほかにも同様の拡張が複数あり。


2. パネルで「Twicli」使うと、RT やツイート削除できない

Presto Opera(Ver.12 以前の Opera)のパネルで、Twitter クライアント『Twicli』を愛用してると言う方は、結構いると思います。Vivaldi でも同様のパネル機能があり、ほとんど問題なく利用できることは利用できるのですが… RT や ツイート削除を実行しようとすると表示される確認用のアラートが、Vivaldi のパネルだと表示されず…。「RT や ツイート削除だけ、Twitter 公式WEB等で実行する」と言う面倒な状況使用…でした。中には Twicli の使用を断念された方もいたのではないかと…(^_^;

その問題に最近 Twicli 側が、対応してくれましたぁ〜!設定で確認アラートの表示を無効にする(チェックを外す)と、Vivaldi でのパネルでも、問題なく RT やツイート削除が実行できるようになります♪(*^^*)/


上記ツイートで指摘されてる設定項目↓
Twicli:設定変更でVivaldiのパネルでも、RTやツイート削除が可能に
Twicli:設定変更でVivaldiのパネルでも、RTやツイート削除が可能に posted by (C)kyu3


3. 「Hulu」にログインできない

私は Twitter で時々 Vivaldi 関連のツイートをチェックしてるのですが、時々「Vivaldi で Hulu(※日本語ツイートなので、たぶん『Hulu.jp』) にログインできない」と言うツイートを見かけます。

Twitter で「Vivaldi Hulu lang:ja」で検索(※『lang:ja』は日本語に限定したツイート検索時に用いるキーワード)

…とは言え、絶対ログインできないのかと言うと、それは違います!と言うのも、私自身 Hulu を利用しているのですが、特に問題なく Vivaldi でログインできてるからです。

Vivaldi で Hulu にログインして『視聴履歴』のページを表示したところ↓
VivaldiでHuluログイン中(視聴履歴)- 2
VivaldiでHuluログイン中(視聴履歴)- 2 posted by (C)kyu3

なぜログインできない人がいるのかは、いまのところ謎です。(?_?)

しかしこう言う場合、『UA偽装』を行って別のブラウザ(※Hulu の動作環境に指定されてるブラウザ、Firefox や Chrome 等)からのアクセスに偽装してログインするのが"常套手段"だと思うので、とりあえずその方法を試してみてはいかがでしょう?

User-Agent Switcher for Google Chrome:Chrome ウェブストア・・・UA偽装を行える拡張の1つ。

もし上記のやり方(あるいは別のやり方でも良いですが…)で、ログインできなかったのができるようになったなら、以下の公式フォーラムのトピックや私の Twitter アカウント宛てのリプでも構わないので教えてくれると、幸いです。( ´ ▽ ` )ノ

VivaldiでHulu.jpにログインできない?:Vivaldi 日本語フォーラム


4. 「Netflix」にログインできない

Hulu と同じように『Netflix』も、たまに「Vivaldi だとログインできない」と言うツイートを見かけます。

Twitter で「Vivaldi Netflix lang:ja」で検索

こちらも原因に関しては、謎です。ちなみに昨年(2015年)12月の Beta 版リリースの時に、Netflix がサポートされています。

Webブラウザー「Vivaldi」Beta 2が公開、「Vivaldi 1.0」へ向けて着実に前進:窓の杜・・・上記の公式日本語アカウントでツイートされてる記事。

また Vivaldi 社の共同創業者で、COO を務める冨田龍起さんも、ユーザーからの質問に答える形で「Vivaldi で Netflix が視聴できている(ログインできている)」とツイートしています。


ちなみに上記の質問ツイートをされた方(@locom2 さん)によると、「見れなかったのは環境(Linux 32bit)の問題だった。Linux 64 bit および OS X では見れてる。」とのこと。なので、こちらも Hulu と同じで「絶対ログインできない」と言う訳では無さそうです。


5. 「日経電子版」にログインできない

こちらも Hulu や Netflix と同じで、「Vivaldi だと『日経(電子版)』にログインできない」と言うツイートを、時々見かけます。日経電子版の公式 Twitter アカウントによると「ユーザー数がまだ少ないので、動作確認していない」とのこと。


なお日経電子版の場合は「ログインできてる」と言うツイートを見かけないので、「まったくログインできない」のか、あるいは「ログインできる場合もある」のかは、分かりません。もし「ログインできてる」あるいは「ログイン出来る方法を知っている」と言う方がいたら、以下の公式フォーラムに書き込んでくれると、他の方の参考になると思います。

日経電子版にログインできない:Vivaldi 日本語フォーラム


【関連記事】
Kyu3's LOG : Vivaldi 正式版1.0の不具合


【追記(2016/06/13)】

日経電子版のログイン問題に関して追記。上記の Vivaldi 日本語フォーラムのトピックへの書き込みにあるリンク先ページ(※以下にリンク掲載)によると、日経電子版にログインできないのは、Cookie に原因があるようです。

Vivaldiからログインできない:OK Wave(質問!ITmedia)

なので、『EditThisCookie』などの Cookie を追加・編集できる拡張を使えば、ひょっとしたらログインできるのではないかと…。


【追記(2016年6月23日)】

上記『1』の「HTML 5 動画を使用しているサイトで、動画をフルスクリーンから戻すと UI 消える」問題が起きるところを撮影した動画を作成したので、本文に追加しました。


【追記(2016年6月24日)】

上記『5』の「日経電子版」ですが、Vivaldi 社COOの冨田龍起さんによると「最新のスナップショット(1.3.519.25)で、ログイン出来るようになった!」とのこと。( ´ ▽ ` )ノ




【追記(2016年6月24日)】

tokoya さんによると「Vivaldi を完全にアンインストール(クリーンインストール)したら、Hulu にログインできるようになった」とのこと。


再設定等々は少し面倒臭いかもしれませんが… どうしても Hulu にログインできないのあれば、この方法を試してみてはいかがでしょう?(^_^;


【追記(2016年7月11日)】

Vivaldi に関するツイート見ていると、時々「Vivaldi だと Flash 使えない!」と言ったツイートを見かけます。


上記のツイートされてる方は、一応解決方法が分かったようですが… この件について、特定のサイトで起こる問題ではないですが、一応こちらに書いておきます。


6. Flash Player が使えない

これは要するに、対応する Flash が使用環境(PC)にインストールされてないから起こる問題だと思います。ちなみに Vivaldi は Chrome や Opera と同じ、いわゆる「Chromium」系ブラウザです。なので、これらのブラウザがインストールされており、かつ Flash Player が使えるならば、別途 Flash Player をダウンロードしなくても、Vivaldi でも Flash Player が使えると思います。( ´ ▽ ` )ノ

「他の Chromium 系ブラウザをインストールしてない!」と言う方は、以下の Adobe のページで、利用されてる環境のオペレーティングシステム(OS)を選択した後、手順 2 で『Chromium - PPAPI』を選択し、対応する Flash Player をインストールして下さい。

Flash Player の使用環境選択インストールページ:Adobe

【参考】
Install Flash Player for Vivaldi:Vivaldi公式ヘルプ・・・※本文は英語。


【追記(2016年8月8日)】

Vivaldi を最新版スナップショット(1.3.551.21)にアップデートしたところ、上記の『1』の「HTML 5 動画を使用しているサイト(YouTube、Vime、Twitter、Facebook 等々)で、動画をフルスクリーンから戻すと UI 消える」問題が、解消されていました!!ヽ(*´∀`)ノ

Snapshot 1.3.551.21 - Notes fixes:Vivaldi公式ブログ

なお上記の公式ブログのチェンジログ(更新履歴)には『YouTube』としかありませんが、他のサイトでも解消されてます(UI は消えません!)。
カテゴリー
記事検索
管理者のプロフィール
Twitterアイコン名前(ハンドルネーム)
「Kyu3」

プロフィール(Profile)
ギャラリー
  • 山下しずおが予定価格漏洩の隠蔽を指示!?「小牧市政をかえる会」がリーク文書を全文公開!(小牧市こども未来館・子育て包括支援センター官製談合問題)
  • 山下しずおが予定価格漏洩の隠蔽を指示!?「小牧市政をかえる会」がリーク文書を全文公開!(小牧市こども未来館・子育て包括支援センター官製談合問題)
  • 独特の操作性と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版レビュー(追記あり)
  • 独特の操作性と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版レビュー(追記あり)