DokuWikiで情報発信

個人での情報発信や社内での情報共有に便利なDokuWikiを紹介するサイトです。

ユーザ用ツール

サイト用ツール


サイドバー

目次

DokuWikiを理解

DokuWikiの構築

よく確認するページ

· 最終更新: 2020/12/12 by oreda admin



「プラグイン」に戻る
DokuWikiおすすめプラグイン一覧。まとめ

DokuWikiプラグイン : jplyer Pluginで音楽や動画を表示

概要

jplyer Pluginを使うことによって、ブラウザー標準のプレイヤーよりも、高機能になります。

mp3 and ogg files are currently supported.
jplyerは、動画に対応しているのですが、このプラグインは対応していないみたいです。


カスタマイズ メモ

注意点

キャッシュで、変更が反映されないので、対応方法を記載しておきます。

  • テストページには、「~~NOCACHE~~」で、キャッシュしないようにする。
  • 「Ctrl F5」で、ページ更新
  • スマホはさらに、キャッシュをしまくりなので、履歴のクリアが必要です。


設定ファイル

CSS

lib/plugins/jplayer/vendor/happyworm/jplayer/dist/skin/blue.monday/css/jplayer.blue.monday.min.css

minだと、読めないので、コピーして、minでない方を利用します。
cp -p jplayer.blue.monday.css jplayer.blue.monday.min.css

HTML

lib/plugins/jplayer/vendor/happyworm/jplayer/dist/skin/blue.monday/mustache/jplayer.blue.monday.audio.single.html

JavaScript

lib/plugins/jplayer/vendor/happyworm/jplayer/dist/jplayer/jplayer.playlist.min.js

lib/plugins/jplayer/vendor/happyworm/jplayer/dist/add-on/jplayer.playlist.min.js


デフォルトでリピート再生

dokuwiki/lib/plugins/jplayer/vendor/happyworm/jplayer/dist/jplayer/jquery.jplayer.min.js

■変更前
            loop: false,

■変更後
            loop: true,


ファイル名をなくす

lib/plugins/jplayer/vendor/happyworm/jplayer/dist/skin/blue.monday/css/jplayer.blue.monday.min.css

■変更前
.jp-details,
.jp-playlist {
  width: 100%;
  background-color: #ccc;
  border-top: 1px solid #009be3; }

■変更後
.jp-details,
.jp-playlist {
  width: 0%;
  background-color: #ccc;
  border-top: 1px solid #009be3; }

ファイル名をなくす(メモ)

#変更前
.jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
  font-size: .72em; }

#変更後
.jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
  font-size: 0em; }


参考




· 最終更新: 2020/12/12 by oreda admin

ページ用ツール