Ver.1.43:ブラウザ版ソースコードエディタ追加

MyHome Portal Ver.1.43を リリースしました。
http://ok2nd.web.fc2.com/download.html

MyHome Portalにブラウザ版ソースコードエディタを追加しました。

シンタックスハイライトツール「Syntaxhig Hlighter」と、ソースコードエディタ「Edit Area」と、オリジナルのシンプルなファイルマネージャー機能を足して、一つのツールとしてまとめてみました。

サーバーのローカルディスクの任意のテキストファイルを表示・編集できます。セキュリティを考慮してMyHome Portalのシステム管理者でログインしていないと使えないようにしています。

簡易ファイルマネージャーではファイルコピーやリネームもできます。コピーはボタン1つで出来ますのでWindowsの操作より簡単です。更新日付で昇順/降順のソートができるようにもしました。ソートは同じ階層のフォルダを含まず、ファイルのみをソートします。これもWindowsより使いやすいと勝手に思っています。

「Edit Area」は、ブラウザ版とは思えない程、一般のテキストエディタに較べても遜色ない機能とUIを持ったソースコードエディタです。お試しください。

<Syntaxhig Hlighter>
http://code.google.com/p/syntaxhighlighter/

<Edit Area>
http://www.cdolivet.net/editarea/

143-1.jpg
143-2.jpg
143-3.jpg
スポンサーサイト

はてなブックマークに追加 はてなブックマーク - Ver.1.43:ブラウザ版ソースコードエディタ追加

theme : JavaScript
genre : コンピュータ

Ver.1.42:アルバムスライド表示でオートプレイ機能

MyHome Portal Ver.1.42を リリースしました。
http://ok2nd.web.fc2.com/download.html

アルバムのスライド表示にオートプレイ機能を追加しました。オートプレイの時間間隔も指定できます。繰り返しの指定もできます。オートプレイの時は、メイン画像の下のサムネイルは表示しません。オートプレイ機能ではAjax/JavaScriptは使っていません。シンプルに<meta http-equiv="refresh">を使っています。(Ver.2.59で追加した全画面(Ajax)スライドショーは、Ajaxを利用してスムーズな画像切り替えをしています。)

アルバムのスライド表示で画像サイズを変更できるようにしました。

142.jpg

はてなブックマークに追加 はてなブックマーク - Ver.1.42:アルバムスライド表示でオートプレイ機能

theme : PHP
genre : コンピュータ

Ver.1.41:動画サムネイル生成開始時間指定

MyHome Portal Ver.1.41を リリースしました。
http://ok2nd.web.fc2.com/download.html

アルバムの動画サムネイル表示で、サムネイル画像を生成する動画開始時間(秒)を指定できるようにしました。

141-1.jpg
141-2.jpg

はてなブックマークに追加 はてなブックマーク - Ver.1.41:動画サムネイル生成開始時間指定

theme : PHP
genre : コンピュータ

Ver.1.40:動画のサムネイル表示実現

MyHome Portal Ver.1.40を リリースしました。
http://ok2nd.web.fc2.com/download.html

アルバムで動画のサムネイル表示ができるようにしました。

サーバーPCのローカルディスクの任意のフォルダの動画のサムネイル表示ができます。サムネイル画像の拡大/縮小もできます。

Windows XPフォルダの縮小版表示でサムネイル表示されないflvなどもサムネイル表示できます。

140-1.jpg
140-2.jpg

動画のサムネイル画像生成には、ffmpegを使っています。
ffmpegは、「お気に入りの動画を携帯で見よう(http://blog.k-tai-douga.com/)」から、Windows用バイナリをダウンロードしてインストールしてください。

対象の動画は、拡張子「avi,flv,mpg,mov,swf,wmv」を設定しています。

サムネイルをダブルクリックまたはクリックで動画再生または動画ダウンロードできます。ただし、動画の種類によって、エラーになるなど、動画再生が出来ない場合もあります。とくにIEが再生できない場合が多いようです。

実現方法をソースの抜粋(?)で示します。

【index.php】
.....
<a href="video-view.php?file=xxx.flv">
<img src="video-jpeg.php?file=xxx.flv">
</a>
.....

【video-jpeg.php】
ffmpegでJPEGを生成して標準出力に出したものをpassthruでブラウザに送っています。
.....
$cmd = 'ffmpeg -vframes 1 -i "'.$file_name.'" -f image2 -';
header("Content-Type: image/jpeg");
@passthru(mb_convert_encoding($cmd, 'SJIS-win', 'UTF-8'));

【video-view.php】
IEはheaderで指定するファイル名をエンコードではなくShift-JISにした方が問題が少ないようです。
.....
$file_SJIS = mb_convert_encoding($file_name, 'SJIS-win', 'UTF-8');
$fp = fopen($file_SJIS, "rb");
if ($fp) {
if (strstr($_SERVER['HTTP_USER_AGENT'], "MSIE")) {
$filename = mb_convert_encoding(substr($file_name,strrpos($file_name,'/')+1), 'SJIS-win', 'UTF-8');
} else {
$filename = urlencode(substr($file_name,strrpos($file_name,'/')+1));
}
header('Content-type: '.$mime_type.'; name='.$filename);
header('Content-Disposition: inline; filename='.$filename);
fpassthru($fp);
}

はてなブックマークに追加 はてなブックマーク - Ver.1.40:動画のサムネイル表示実現

theme : PHP
genre : コンピュータ

Ver.1.39:アルバムのサムネイル画像拡大縮小

MyHome Portal Ver.1.39を リリースしました。
http://ok2nd.web.fc2.com/download.html

INDEXトップページのユーザー毎のHTML(ブログパーツ)登録機能で、HTMLに<br>タグが入ってしまう問題を修正。 このHTMLパーツ登録機能を使って、乗換案内をサンプルDBに追加。

アルバムのサムネイルBタイプに、ボタンによる画像一括拡大縮小機能を追加。

139-1.jpg
139-2.jpg
139-3.jpg

はてなブックマークに追加 はてなブックマーク - Ver.1.39:アルバムのサムネイル画像拡大縮小

theme : JavaScript
genre : コンピュータ

Ver.1.38:アルバムのサムネイルを、2タイプに

MyHome Portal Ver.1.38を リリースしました。
http://ok2nd.web.fc2.com/download.html

アルバムのサムネイル表示に「Bタイプ」を追加しました。正方形のフレームに縦横混在の画像を納める形式のサムネイルです。 フレーム内の画像のセンタリングについては、CSS-EBLOG
http://css-eblog.com/csstechnique/img-center.html
を参考にしました。

アルバムのスライド表示に、10枚単位のスキップ機能を追加しました。

Ver.1.36、1.37のカレンダーのアルバム連携表示のロールオーバーの不具合を修正しました。原因はHTML内に余分の</p>タグがあったためでした。CSSのIEハックなどは不要でした。

138-1.jpg
138-2.jpg
138-3.jpg

はてなブックマークに追加 はてなブックマーク - Ver.1.38:アルバムのサムネイルを、2タイプに

theme : CSSレイアウト
genre : コンピュータ

プロフィール

ok.2nd

Author:ok.2nd
HomePage:
http://ok2nd.web.fc2.com/
Email: m.ok.2nd@gmail.com

最新記事
最新コメント
最新トラックバック
月別アーカイブ
FC2ブログランキング

FC2Blog Ranking

検索フォーム
カテゴリ
リンク
RSSリンクの表示
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
ユーザータグ