レビューメディア「ジグソー」

おこたでアニメが見たくて、ちょっとphpを書いてみた。

786個目の登録です。

おこたに寝転がってタブレットを使ってアニメを見たかったので、phpを使って動画配信サイトを作ってみました。
注意としてはvideoタグを使う都合上、ブラウザの対応している形式に動画をエンコードする必要があります。まあ、mp4/h264に対応しているなら心配ないですが。

サンプルページ: http://www.notoken.net/file/video/
※InternetExplorerではご利用いただけません。[IEはHtml5未対応]
※FireFoxでは動画が再生できません。(準備中です)

動画選択画面


手抜き感が半端ないです。と言うか手抜きです。ソートできません(最悪)
PHPでファイルリストを撮ってきて、再生側のphpへデータを渡すだけになっています。
PUTではなくGETを使って書いているので割りと危ないかもしれない。

プレイヤ画面


URLの変数部を読み取ってそのファイルを再生しているだけです。
ちゃんとエスケープしているので<script>とかやっても無駄です。そこだけはやりました。
背景がグレーの理由は動画の白い画面で背景と動画部分の見分けがつかなくなるからというよくある適当な理由です。決して「動画を枠で囲もう」とか難しいことは考えません。
なお、動画はカルマルカ*サークルのデモムービーです。
  (著作権的にエロゲのデモムービーくらいしか浮かばなかった)




動作内容
phpでファイル一覧を取得
ファイル名をURLエンコード
$filename2 = urlencode($filename);
URLでGET送信する
<a href="play.php?file=./video/$filename2">

paly.php
GETリクエストの中身を取り出す
$path = htmlspecialchars($_GET["file"]);
URLデコード
$path = urldecode($path);
Videoタグで再生
<video height="720" controls autoplay loop src="$path">

すごい手抜き。


ソースファイル:
http://www.notoken.net/file/video/play_video.zip


なお、おこたで寝転がってアニメを見ていると「睡魔」という敵に抗えない状態になるみたいです。

  • 購入金額

    0円

  • 購入日

    2013年12月25日

  • 購入場所

コメント (6)

  • notokenさん

    2013/12/27

    某支配人 さん、コメントありがとうございます。
    >襲い掛かるスイマーとの戦い
    そうなんですよね。日々睡魔との戦いです。
  • いぐなっちさん

    2013/12/27

    ほほー、なかなか立派にできましたね。
    私もがんばるか。
他3件のコメントを表示

ZIGSOWにログインするとコメントやこのアイテムを持っているユーザー全員に質問できます。

YouTube の動画を挿入

YouTube の URL または動画の ID を入力してください

動画の ID が取得できません。ID もしくは URL を正しく入力してください。

ニコニコ動画の動画を挿入

ニコニコ動画の URL または動画の ID を入力してください

動画の ID が取得できません。ID もしくは URL を正しく入力してください。

ZIGSOWリンク挿入

検索対象とキーワードを入力してください

    外部リンクを挿入

    リンク先の URL とタイトルを入力してください

    URL を正しく入力してください。

    画像を挿入(最大サイズ6MB)

    画像を選択してください

    ファイルサイズが6MBを超えています

    別の画像を追加

    ZIGSOW にログイン

    ZIGSOW会員登録(無料)はこちらから