PCで遊んだ日々の備忘録

Making PC and Customization PC

Linux distribution is installed.

Linux ディストリビューションは、無償配布されている、オペレーティングシステム(OS)です。

'www.fuukemn.biz' designed this logotype.

Lubuntu に軽量ウェブブラウザ Midori 64-bitを導入

こちらの ページ で ASUS EeePC 1005PE(以降1005PE)にインストールした Lubuntu 14.04LTS 64bitに軽量ウェブブラウザ Midori を導入しました。(2016/03)

Lubuntuのデフォルトのウェブブラウザは Firefoxです。1005PEにおいて軽快に動作する Lubuntuの中にある Firefoxですがその快適なブラウジングにはハイスペックなCPUと潤沢なシステムメモリーが必要です。今となっては貧弱な性能の 1005PEで使用するにはちょっと辛いものがあります。

そこで今回導入する事にした Midori(ミドリ)は Xubuntuのデスクトップ環境である Xfce向けの軽量ウェブブラウザです。Ubuntuリポジトリにある Midoriのバージョンは 0.4.3+dfsg-01(trusty)でこちらは32bit版となります。

しかしインストールしている Lubuntuは 64bit版であり折角なので 2016年2月現在最新バージョンの midori 0.5.11-0ubuntu1(下画像)をインストールしました。こちらは64bit版となります。

 

Midori 0.5.11は Ubuntuリポジトリにないので Midoriリポジトリを追加してここからインストールします。

端末から

 $ sudo add-apt-repository ppa:midori
 $ sudo add-apt-repository ppa:webkit-team
 $ sudo apt-get update
 $ sudo apt-get install midori

を実行すればインストール完了です。

ここで軽量ウェブブラウザと言えば Midoriと同じく Webkitをレンダリングエンジンとする Chromium(Google Chromeのオープンソース版)をインストールして比べてみるとやはり Midoriの方が軽快です。

Firefox 44.0.2の画像

fig1. Firefox 44.0.2

Midori 0.5.11の画像

fig2. Midori 0.5.11

Chromium 48.0.2564の画像

fig3. Chromium 48.0.2...

 

ちなみに Windows版の Midoriを Windows7 Professional 64bitで試してみたのですがこちらは動作にもたつきが目立ち、ウェブサーバー側 CSSでメイリオフォントを指定しているにもかかわらず何故かブラウザ側でメイリオフォントが選択出来ませんでした。

に動画サイトでのストリーミング再生のための設定を行うのですが、実はここが最も手こずったところです。動画ストリーミングと言えば Flash Player プラグインですがこれは Mozilla(Firefox)のプラグインがインストールされているため問題なく動画再生出来ました(fig4)

しかしながら昨今の動画ストリーミングは Flash を使ったものから HTML5 videoタグ(動画要素)へと移行しており YouTubeにおいても既に切り替わっています。(当サイトの動画も全て HTML5 videoタグを使用しています)

これは 2014年に W3Cから HTML5が勧告されて以降にリリースされたモダンブラウザが ユーザーシェアの大小にかかわらず HTML5 videoを正式にサポートしているためです。今後 Flash Playerを使った動画ストリーミングは減少していくと思われます。

下の画像は Midori 0.5.11の HTML5サポートの状況を示した YouTubeのスクリーンショットです。上側3つの ☑ はメディアコンテナ.mp4と.webmの動画が再生出来る事を意味します。

 

Firefox・Chromiumでは6つ共 ☑ があります。IE11では HTML VideoElementと H.264の2つに ☑ があります。IE11で再生できるのは H.264にエンコードされたコンテナ.mp4 動画のみということです

ひるがえって Midoriにおける HTML5 videoの動作確認のためバージョン0.4.3 32bitをインストールしてみると、すぐに HTML5 video(YouTube)再生出来ました。

しかし今回 Ubuntu非公式リポジトリからインストールしたバージョン0.5.11 64bitで HTML5 videoは機能しませんでした(fig5)つまり今回の Midoriで HTML5 videoを機能させるためには GStreamerのプラグインとライブラリを探してインストールする必要がある訳です(fig6)

desktopファイル作成の画像1

fig4. Flash Playerで再生

HTML5 Playerの画像1

fig5. HTML5 Player NG

HTML5 Playerの画像2

fig6. HTML5 Player OK

 

ット上には Midoriに関する情報が少ないためここに辿り着くまで少々手こずりましたが下のリストのパッケージをインストールする事で解決しました。

プラグインインストール時の留意

  • 全てのプラグイン・ライブラリは Synapticパッケージマネージャのリスト内に存在する(リポジトリ追加やソースコンパイル不要)
  • Midori設定ダイアログボックス・エクステンション内のプラグインは追加不要
  • /home/ユーザー名/.config/midori 内の configファイルを直接編集してもブラウザ再起動すると元に戻る(上書きされる)
  • FFmpegプラグインは関係ない
  • プラグインを端末から sudo apt-get install gstreamer0.10 gstreamer1.0 とやってしまうと大量(300MBほど)のパッケージがインストールされる

GStreamerプラグイン追加パッケージリスト

ii  gir1.2-gstreamer-0.10                        0.10.36-1.2ubuntu3             amd64  Description: GObject introspection data for the GStreamer library 
ii  gstreamer0.10-alsa:amd64                     0.10.36-1.1ubuntu2             amd64  GStreamer plugin for ALSA
ii  gstreamer0.10-fluendo-mp3:amd64              0.10.23.debian-3               amd64  Fluendo mp3 decoder GStreamer 0.10 plugin
ii  gstreamer0.10-gnomevfs:amd64                 0.10.36-1.1ubuntu2             amd64  GStreamer plugin for GnomeVFS
ii  gstreamer0.10-nice:amd64                     0.1.4-1                        amd64  ICE library (GStreamer 0.10 plugin)
ii  gstreamer0.10-plugins-bad-multiverse         0.10.21-1ubuntu3               amd64  GStreamer plugins from the "bad" set (Multiverse Variant)
ii  gstreamer0.10-plugins-bad:amd64              0.10.23-7.2ubuntu1.1           amd64  GStreamer plugins from the "bad" set
ii  gstreamer0.10-plugins-base:amd64             0.10.36-1.1ubuntu2             amd64  GStreamer plugins from the "base" set
ii  gstreamer0.10-plugins-good:amd64             0.10.31-3+nmu1ubuntu5          amd64  GStreamer plugins from the "good" set
ii  gstreamer0.10-plugins-ugly:amd64             0.10.19-2ubuntu5               amd64  GStreamer plugins from the "ugly" set
ii  gstreamer0.10-pulseaudio:amd64               0.10.31-3+nmu1ubuntu5          amd64  GStreamer plugin for PulseAudio
ii  gstreamer0.10-tools                          0.10.36-1.2ubuntu3             amd64  Tools for use with GStreamer
ii  gstreamer0.10-x:amd64                        0.10.36-1.1ubuntu2             amd64  GStreamer plugins for X11 and Pango
ii  gstreamer1.0-clutter                         2.0.8-1build1                  amd64  Clutter PLugin for GStreamer 1.0
ii  gstreamer1.0-fluendo-mp3:amd64               0.10.23.debian-3               amd64  Fluendo mp3 decoder GStreamer 1.0 plugin
ii  gstreamer1.0-libav:amd64                     1.2.4-1~ubuntu1                amd64  libav plugin for GStreamer
ii  gstreamer1.0-plugins-bad-faad:amd64          1.2.4-1~ubuntu1                amd64  GStreamer faad plugin from the "bad" set
ii  gstreamer1.0-plugins-bad-videoparsers:amd64  1.2.4-1~ubuntu1                amd64  GStreamer videoparsers plugin from the "bad" set
ii  gstreamer1.0-plugins-bad:amd64               1.2.4-1~ubuntu1                amd64  GStreamer plugins from the "bad" set
ii  gstreamer1.0-plugins-base:amd64              1.2.4-1~ubuntu2                amd64  GStreamer plugins from the "base" set
ii  gstreamer1.0-plugins-good:amd64              1.2.4-1~ubuntu1                amd64  GStreamer plugins from the "good" set
ii  gstreamer1.0-plugins-ugly:amd64              1.2.3-2build1                  amd64  GStreamer plugins from the "ugly" set
ii  gstreamer1.0-pulseaudio:amd64                1.2.4-1~ubuntu1                amd64  GStreamer plugin for PulseAudio
ii  gstreamer1.0-tools                           1.2.4-0ubuntu1                 amd64  Tools for use with GStreamer
ii  gstreamer1.0-x:amd64                         1.2.4-1~ubuntu2                amd64  GStreamer plugins for X11 and Pango
ii  libgstreamer-interfaces-perl                 0.06-2build1                   amd64  Perl interface to the GStreamer Interfaces library
ii  libgstreamer-perl                            0.19-1                         amd64  Perl interface to the GStreamer media processing framework
ii  libgstreamer-plugins-bad0.10-0:amd64         0.10.23-7.2ubuntu1.1           amd64  GStreamer shared libraries from the "bad" set
ii  libgstreamer-plugins-bad1.0-0:amd64          1.2.4-1~ubuntu1                amd64  GStreamer development files for libraries from the "bad" set
ii  libgstreamer-plugins-base0.10-0:amd64        0.10.36-1.1ubuntu2             amd64  GStreamer libraries from the "base" set
ii  libgstreamer-plugins-base0.10-0:i386         0.10.36-1.1ubuntu2             i386   GStreamer libraries from the "base" set
ii  libgstreamer-plugins-base1.0-0:amd64         1.2.4-1~ubuntu2                amd64  GStreamer libraries from the "base" set
ii  libgstreamer-plugins-good1.0-0:amd64         1.2.4-1~ubuntu1                amd64  GStreamer development files for libraries from the "good" set
ii  libgstreamer0.10-0:amd64                     0.10.36-1.2ubuntu3             amd64  Core GStreamer libraries and elements
ii  libgstreamer0.10-0:i386                      0.10.36-1.2ubuntu3             i386   Core GStreamer libraries and elements
ii  libgstreamer1.0-0:amd64                      1.2.4-0ubuntu1                 amd64  Core GStreamer libraries and elements
ii  phonon-backend-gstreamer-common:amd64        4:4.7.80-0ubuntu2~ubuntu14.04  amd64  Phonon GStreamer 1.0.x backend icons
ii  phonon-backend-gstreamer1.0                  4:4.7.80-0ubuntu2~ubuntu14.04  all    transitional package
ii  phonon-backend-gstreamer:amd64               4:4.7.80-0ubuntu2~ubuntu14.04  amd64  Phonon GStreamer 1.0.x backend

実際には上記パッケージの依存パッケージも同時にインストールされます。また Midori本体インストールの際すでにインストールされているパッケージも含んでいます。

以上で軽量ブラウザ Midoriの導入完了です。ブラウザ使用感は起動が早い・ページのレンダリングも早い・スクロールの際の引っかかるような挙動が無い・CPU負荷、システムメモリー使用量共 2割程度減とかなり快適です。

ただし Firefoxの様な豊富なアドオンはありません。広告ブロッカーの Adblock Plusはあります。また Firefoxの「HTMLとしてエクスポート」したブックマークを Midoriへ取り込むことが出来ます。

最後に当方の環境だけかもしれませんが apport(例の内部エラーバグ報告...云々)が時々出現しそのプロセスが終了するまで Midoriが動かなくなるので無効にします。端末から

 $ sudo nano /etc/default/apport

で apportファイルを開いて最終行の記述 enabled=1 を enabled=0 に変更して保存する。

Top of Pageの画像
sidemenuの画像