雲雀は高く空を舞い このページをアンテナに追加 RSSフィード

「ひよこは高く空を舞い」について

2007-08-08

[][]mp4/m4vファイルがtext/plainで送信される。 mp4/m4vファイルがtext/plainで送信される。 - 雲雀は高く空を舞い を含むブックマーク はてなブックマーク - mp4/m4vファイルがtext/plainで送信される。 - 雲雀は高く空を舞い mp4/m4vファイルがtext/plainで送信される。 - 雲雀は高く空を舞い のブックマークコメント

Safariでmp4ファイルを見たらテキストとして表示されて難儀した。これはサーバの設定のため。

解決のためには、mime.typesファイルに以下を追加。

video/mpeg4 .mp4

video/x-m4v(m4v) .m4v

あるいはディレクトリの.htaccessファイルに以下を追加。

Addtype video/mpeg4 .mp4

AddType video/x-m4v(m4v) .m4v

[][]いろいろと「打ち合わせ」という「すりあわせ」というか いろいろと「打ち合わせ」という「すりあわせ」というか - 雲雀は高く空を舞い を含むブックマーク はてなブックマーク - いろいろと「打ち合わせ」という「すりあわせ」というか - 雲雀は高く空を舞い いろいろと「打ち合わせ」という「すりあわせ」というか - 雲雀は高く空を舞い のブックマークコメント

動画の変換のこと

解像度は鬼門、あるいは、毒沼。結局DVフォーマット640x480を640+40x480に変換して、PSPで表示してもうまくいかなかった。

ひとつは1Pixel on DVと1Pixel on PCは大きさが違うということ。DVでは720x480でテレビと同じアスペクト比4:3を実現するために縦長のピクセルを使用しているとか。

そして、PC上でWindows Media PlayerとかQuickTimeでは、DVを表示するときは720x480を640x480相当に補正して表示してるとか。

さらに、PSPの画面も480x282とはいえ、上下数ピクセルを削ったりして4:3になるように補正してるとか?*1

ということをいろいろ踏まえた結果

DV形式720x480を変換するに当たって、

  1. PCで見るための物を作るには640x480にする。
  2. PSPでみるための物を作るには720x480にする。

とうまくいく(結果論として)。あとは、アスペクトをどうしたものか。あと、PSPだけでみるなら解像度も720x480でなくて480x270で良いのでは、ということも後で調べる。

以上をまとめて、Transcoding.iniをバージョンアップ。ベースにしたのは「フリーランス プログラマー アキのサイト」さんのとこの高画質化バージョン。

サイズを小さくするか、ビットレートをどうするか、アスペクトをどうするかというのをもう少しいじる予定。

[Item0]

Title=cPSP (for PSP)

Command0=""<%AppPath%>\cores\ffmpeg" -y -i "<%InputFile%>" -timestamp "<%TimeStamp%>" -vcodec h264 -s 720x480 -r ntsc -coder 1 -bufsize 768k -mbd rd -flags bitexact+4mv+trell+aic -cmp 2 -subcmp 2 -g 300 -b 2000k -acodec aac -ac 2 -ar 48000 -ab 36k -f psp -level 21 -aspect 4:3 "<%OutputFile%>_00.MP4""

[Item1]

Title=TEST 001 / 368x272

Command0=""<%AppPath%>\cores\ffmpeg" -y -i "<%InputFile%>" -timestamp "<%TimeStamp%>" -vcodec h264 -s 368x272 -r ntsc -coder 1 -bufsize 768k -mbd rd -flags bitexact+4mv+trell+aic -cmp 2 -subcmp 2 -g 300 -b 768k -acodec aac -ac 2 -ar 48000 -ab 128k -f psp -level 21 -aspect 4:3 "<%OutputFile%>_01.MP4""

[Item2]

Title=TEST 002 / 480x272

Command0=""<%AppPath%>\cores\ffmpeg" -y -i "<%InputFile%>" -timestamp "<%TimeStamp%>" -vcodec h264 -s 480x272 -r ntsc -coder 1 -bufsize 768k -mbd rd -flags bitexact+4mv+trell+aic -cmp 2 -subcmp 2 -g 300 -b 2000k -acodec aac -ac 2 -ar 48000 -ab 128k -f psp -level 21 -aspect 16:9 "<%OutputFile%>_02.MP4""

追記

やってみた。720x480でも480x272でも違いはよく分からない。

名前

edsからc○○○PSP(略称cPSP)になった。

その他

ビジネスモデルというかそういう「売り」の部分をもう少し考えておくと良いよ。今のところ、どうも、大鉈で草を切ってる感がある。ということで、もうそろそろ実際の使用シーンを考えても良いかも。

今後

とりあえず、動画の変換に関してはもう一声で何とかなる、ので、使い勝手の部分をもう少し何とかしていく。

*1:「no title」とかにくわしい。あとで読む

トラックバック - http://chick.g.hatena.ne.jp/allegro/20070808

2007-08-03

[][] QuickTime embeddingの設定  QuickTime embeddingの設定 - 雲雀は高く空を舞い を含むブックマーク はてなブックマーク -  QuickTime embeddingの設定 - 雲雀は高く空を舞い  QuickTime embeddingの設定 - 雲雀は高く空を舞い のブックマークコメント

こんな感じで。

<embed src="sample.mov" width="200" height="240" autoplay="false">
トラックバック - http://chick.g.hatena.ne.jp/allegro/20070803

2006-07-16

[]CSSメモ CSSメモ - 雲雀は高く空を舞い を含むブックマーク はてなブックマーク - CSSメモ - 雲雀は高く空を舞い CSSメモ - 雲雀は高く空を舞い のブックマークコメント


ヘッダ

<div class="main">

<div class="topbox">
元「宮日記?」です(2003.5.17-2005.11.4) メールはこちらにどうぞ。<br />

<img src="http://d.hatena.ne.jp/images/diary/a/allegro/1980-09-24.png" /><br />
<!-- img src="http://d.hatena.ne.jp/images/diary/a/allegro/2006-02-23.png" / -->
</div>

フッタ

</div>
<div class="sidebar">
	<hatena name="profile">

	<hatena name="counter" template="hatena-module">

	<div class="hatena-module">
		<div class="hatena-moduletitle"><a href="http://www.webclap.com/">web拍手</a></div>
		<div class="hatena-modulebody">
			<form action="http://webclap.simplecgi.com/clap.php?id=vivacissimo" method="post" target="_blank">
			<input type="submit" value="web拍手ボタン">
			</form>
		</div>
	</div>


	<hatena name="comment" template="hatena-module" listlimit="10" >
	<hatena name="section" template="hatena-module">
	<hatena name="pv" template="hatena-module">
	<hatena name="calendar2" template="hatena-module">

	<hatena name="counter" template="hatena-module">
	<div class="hatena-module">
		<div class="hatena-moduletitle"><a href="http://d.hatena.ne.jp/allegro/archive">過去ログ</a></div>
		<div class="hatena-modulebody">
			<a href="http://d.hatena.ne.jp/allegro/archive">アーカイブ</a>
		</div>
	</div>

	<hatena name="sectioncategory" template="hatena-module">
</div>

<div class="footer">
	<hatena name="calendar2jphoto" template="hatena-module" moduletitle="カレンダー" >
	<hatena name="calendar" template="hatena-module">
	<hatena name="blogpet" id="cf5f65126b4f2ab7b74b79b8f3f4398c" template="hatena-module" moduletitle="BlogPet">

	<div class="hatena-module">
		<div class="hatena-moduletitle">早起き生活</div>
		<div class="hatena-modulebody">
			<img class="hayaoki-seikatsu-image" src="http://www.hayaoki-seikatsu.com/users/allegro/graphs/sidebar.png" width="150" height="150" alt="早起き生活"><br>Powered by <a href="http://www.hayaoki-seikatsu.com/">早起き生活</a>
		</div>
	</div>

	<hatena name="comment" template="hatena-module" listlimit="250" >
</div>
<a href="http://www.technorati.com/claim/e4tmuafxwr" rel="me"></a><a href="http://www.technorati.jp/profile/cibicco">テクノラティプロフィール</a>

CSS

/*------------- ------------- ------------- ------------- ------------- */  
/* 全体の設定                                                                   */  
/*------------- ------------- ------------- ------------- ------------- */  
/* フラッシュ! */  
 *{
	margin:  0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

/* base.css */  
/* AMAZON */  
div.hatena-asin-recommend {
	margin: 4px 10px 4px 10px;
	padding: 5px 4px;
	width: 96%;
	text-align: left;
}

div.hatena-asin-recommend a {
	text-decoration: none;
	border: none;
}

div.hatena-asin-recommend-item-1 {
	float: left;
	width: 49%;
}

div.hatena-asin-recommend-item-2 {
	float: right;
	width: 49%;
}

div.hatena-asin-recommend-foot {
}

div.hatena-asin-recommend-image {
	float: left;
}

div.hatena-asin-recommend-image img {
	border: none;
}

div.hatena-asin-recommend-info {
	margin-left: 65px;
	min-height: 65px;
	line-height: 115%;
}

div.hatena-asin-recommend-title {
	margin-left: 24px;
	font-size: 11px;
	font-weight: bold;
}

div.hatena-asin-recommend-description {
	margin-top: 4px;
	margin-left: 10px;
	font-size: 11px;
	font-weight: normal;
}

div.hatena-asin-recommend-title img {
	float: left;
	margin-left: -24px;
	vertical-align:middle;
}

/* COMMON */  

h1 a {
 text-decoration: none;
}
h1 img {
 border: 0;
}

div.body {
 clear: none;
}


/* PROFILE */  

img.hatena-id-icon{
vertical-align:middle;
margin-right:2px;
border:none;
}

img.hatena-id-image{
border:none;
}

/* KEYWORDCLOUD */  

ul.keywordcloud li {
  display: inline;
  color:gray;
}

a.keywordcloud0 { font-size: 80%; }
a.keywordcloud1 { font-size: 100%; }
a.keywordcloud2 { font-size: 120%; }
a.keywordcloud3 { font-size: 140%; }
a.keywordcloud4 { font-size: 160%; }
a.keywordcloud5 { font-size: 180%; }
a.keywordcloud6 { font-size: 200%; }
a.keywordcloud7 { font-size: 220%; }
a.keywordcloud8 { font-size: 240%; }
a.keywordcloud9 { font-size: 260%; }
a.keywordcloud10 { font-size: 280%; }
a.keywordcloud0, a.keywordcloud1, a.keywordcloud2, a.keywordcloud3, a.keywordcloud4, a.keywordcloud5, a.keywordcloud6, a.keywordcloud7, a.keywordcloud8, a.keywordcloud9, a.keywordcloud10 {
  text-decoration: none;
}

/* TOPIC TREE */  

ul.topic-tree-leaf {
  margin-top: 0.2em;
  margin-bottom: 1em;
}

div.description {
  border: #5279e7 1px solid;
  padding: 5px;
  font-size: 90%;
  color: #333333;
  line-height:135%;
}

span.topic-tree-timestamp{
font-size:80%;
color:#666;
margin-left:5px;
}

a.topic-tree-username{
margin-left:5px;
font-size:90%;
}

/* contents */  

div.contents {
	border: 1px solid #aaa;
	background-color: #EEE;
	font-size: 90%;
        width:200px;
        float: right;
        padding:10px
}
div.contents h3 {
	text-align: center;
        margin:0;
        padding:0;
}
div.contents ul {
	margin-left: 15px;
	padding-left: 0;
	text-align: left;
}
div.contents ul ul {
	margin: 0 0 0 1em;
}
div.contents ul ul ul {
	margin: 0 0 0 1em;
}

/* SCREENSHOT */  

a.screenshot img{
border:1px solid #999;
}




/* handmade start */  

body {
	margin:  0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic Pro W3", "MS P Gothic", Trebuchet MS, Lucida Grande, Verdana, sans-serif;
	background-image: url("http://d.hatena.ne.jp/images/diary/a/allegro/1980-09-23.png");
	background-repeat : repeat ;
	color: #000000;
	background-color: #8AB6F8;
	font-size: medium;
	font-size: 90%;
}

a:link {
	color: #429DE2;
	text-decoration: none;
}

a:visited {
	color: #0080C0;
	text-decoration: none;
}

a:hover,a:focus {
	text-decoration: underline;
	background-color: #FFFFFF;
}

a.keyword:link{
	color: #414141; background-color: transparent;
}

/*------------- ------------- ------------- ------------- ------------- */  
/* タイトル                                                        */  
/*------------- ------------- ------------- ------------- ------------- */  
h1 {    
	font-family:	"aqua_pfont","aquafont","aquao_font","あくあPフォント","あくあフォント","ことり文字ふぉんと","みかちゃん"  "Hiragino Kaku Gothic Pro W6", Trebuchet MS, Verdana, sans-serif;
	text-shadow: 0 0.4em 0.3em rgba(0,0,0,0.5);
	color: #FFFFFF;
	padding:25px 5% 0 5%;
	text-align: left;
	font-size: 225%;
	margin: 0 10% 0 10%;
	background-image: url("http://homepage.mac.com/allegrissimo/img/hatena/top4.jpg");
	background-repeat : repeat-x ;
	height:155px;
	margin: 0;
}

/*------------- ------------- ------------- ------------- ------------- */  
/* 本文部分                                                        */  
/*------------- ------------- ------------- ------------- ------------- */  
/** タイトル以下 **/  
.hatena-body{
	position: relative ;
	width: 100% ;
	max-width:	auto ;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

/** 本文全体 **/  
.main{
	margin: 0 5px 0 210px;
	padding: 10px 1px;
	background-color: #FFFFFF;
}


/** あれ **/  
div.topbox{
	margin:0;
	padding:0 5px 0 0;
	text-align:right;
}

div.main div.calendar{
	margin:0;
	padding:0 5px 0 1em;
}


/** 一日の設定 **/  
/*** 一日全体の設定 ***/  
div.day {
	margin: 5px 0 3em 0;
	border-right: 1px solid #429DE2;
	border-left:    1px solid #429DE2;
	background-color: #FFFFFF;
}

/*** 日付 ***/  
h2 {
	margin-top: 0;
	padding: 7px 10px;
	font-family: Lucida Grande, Trebuchet MS, Verdana, "Hiragino Kaku Gothic Pro W3", sans-serif;
 	font-size: 140%;
 	color: #a0d0f0;
	background-color: #025DE2;
	text-align : right ;
	background-image: url("http://d.hatena.ne.jp/images/diary/a/allegro/1980-09-21.png");
	background-repeat : repeat-x ;
	clear:right;
}

span.date{
	color: #025DE2;
}

/*** 一日の本文部分全体 ***/  
div.body {
	margin: 1%;
	background-color: #FFFFFF;
}

/*** 1エントリ ***/  
/**** 1エントリ全体 ****/  
div.section{
	border-bottom: 1px solid #429DE2;
	background-color: #FFFFFF;
}

/**** エントリのタイトル ****/  
h3 {
	margin: 1em 0 0 0;
	padding : 4px 5px;
	font-size: 120%;
	font-weight: bold;
	color: #025DA2;
}

div.section span.sanchor {
	padding: 20px 15px 0 0;
	background-image: url("http://d.hatena.ne.jp/images/diary/a/allegro/1980-09-22.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #f5f5f5;
	font-size: 1px;
}

/**** エントリ本文色々 ****/  
div.section p {
	line-height: 1.5;
	margin: 0.5em 2em 0.5em 2em;
}

ul{
}

div.section pre {
	color: #125D92;
	background-color: #F2FFFF;
	border: 1px dotted #99daf5;
	margin:5px 2em 5px 3em;
	padding:5px 2em 5px 1em;
}

div.section blockquote {
	color: #125D92;
	background-color: #F2FFFF;
	border: 2px dotted #99daf5;
	margin:5px 2em 5px 3em;
	padding: 0;
}

div.section blockquote p{
	margin: 0.5em 1.5em 0.5em 1.5em;
	padding: 0;
}

.section ul{
	text-align : left ;
	margin: 0.5em 0 1em 1.5em;
	padding-left: 20px;
	list-style: url("http://d.hatena.ne.jp/images/diary/a/allegro/1980-09-20.gif") inside;
}
.section li{
	margin: 0.5em 0 0 0;
}
/**** エントリのフッタ(Permalink, コメント, トラックバック部分) ****/  
p.sectionfooter{
	margin: 0.5em 0 1em 1em;
	padding: 4px 5px 4px 2em;
}

/*** 脚注 ***/  
div.footnote{
	margin: 0;
	padding: 1em;
	border-bottom: 1px solid #0066CC;
	font-size:90%;
}

/** 一日分のフッタ(idトラックバックとか) **/    
div.refererlist{
	margin: 0;
	padding: 0 0 1em 1em;
}

div.refererlist ul{
	margin: 0.3em 2.5em;
	list-style: url("http://d.hatena.ne.jp/images/diary/a/allegro/1980-09-20.gif") inside;
}

div.comment {
	padding-bottom: 1px;
	padding-top: 5px;
	margin-left:10%;
	margin-right:5px;
	margin-bottom:5px;
	border: 1px solid #99daf5;
}

div.comment div.caption {
	border-color: #99daf5;
	border-style: solid;
	border-width: 0 0 1px 0;
	padding-left: 1em;
}

div.commentshort {
	margin: 0.5em 2em 0 2em;
}

div.comment p {
	margin: 0.5em 0;
	text-indent: 0;
}


/*------------- ------------- ------------- ------------- ------------- */    
/* サイドバー                                                     */    
/*------------- ------------- ------------- ------------- ------------- */    
/** サイドバー全体 **/      
.sidebar{
	position: absolute;
	top: 0px; 
	left: 0px;
	width: 200px;
	padding: 0;
	margin: 0 0 0 5px;
	text-align: left;
	background-color: #FFFFFF;
	border: #8AB6F8 1px solid;
	line-height:1.5em;
}



/** 各種モジュール **/      
/*** はてなモジュールタイトル ***/      
.sidebar .hatena-moduletitle{
	background-color: #99DAF5;
	color: #ffffff;
	padding: 3px 1em;
	text-align : center;
	margin: 0 0 2px 0;
	background-image: url("http://d.hatena.ne.jp/images/diary/a/allegro/1980-09-21.png");
	background-repeat : repeat-x ;
}

/*** はてなモジュール本文 ***/      
.sidebar .hatena-modulebody{
	padding: 2px;
	text-align:center;
}

.sidebar .hatena-modulebody ul{
	margin: 0.25em 0;
	padding: 0 0.5em 0 1.5em;
	text-align:left;
	list-style: url("http://d.hatena.ne.jp/images/diary/a/allegro/1980-09-20.gif") inside;
}

.sidebar .hatena-modulebody li a{
}

/*** はてなプロフィールモジュール ***/      
div.hatena-profile{
	margin: 0;
	padding: 0;
}

.hatena-profile p{
	margin: 0.25em 0;
}

p.hatena-profile-image{
	text-align:center;
}

p.hatena-profile-id{
	text-align:left;
	padding-left:2em;
}

p.hatena-profile-body{
	text-align:left;
	padding-left:1em;
}

.hatena-modulebody img{
	border:none;
}


/********************** calender **********************/  

div.calendar {
	font-size:80%;
	margin: 0 ;
	padding: 0;
	text-align: right;
}

div.calendar a{
	border: none;
}


/********************** calendar2 **********************/  

table.calendar{
	font-size: 90%;
	letter-spacing: 0px;
	margin: 0;
	width: 100%;
	padding:0;
	background-color: #ffffff;
	border: none;
	background-image : none;
	background-repeat: no-repeat;
	text-align: center;
}

td.calendar-current-month{
	font-weight: bold;
}

td.calendar-prev-month,
td.calendar-current-month,
td.calendar-next-month{
	text-align:center;
}


td.calendar-day a{
	border-bottom: 1px solid #000000;
}

td.calendar-weekday,
td.calendar-sunday,
td.calendar-saturday{
	display:none;
}

td.calendar-day a img {
	width: 12px;
	height: 12px;
	border: solid 1px #f0f0f0;
}

td.calendar-day a:hover img{
	border: solid 1px #ff0000;
}




/*** キーワードクラウド ***/    
ul.keywordcloud li a{ display: inline; }
ul.keywordcloud li{ display: inline; line-height: 1.5em;}
.keywordcloud0{  font-size:  90%;}
.keywordcloud1{  font-size:  90%;}
.keywordcloud2{  font-size:  90%;}
.keywordcloud3{  font-size: 108%;}
.keywordcloud4{  font-size: 108%;}
.keywordcloud5{  font-size: 108%;}
.keywordcloud6{  font-size: 125%;}
.keywordcloud7{  font-size: 125%;}
.keywordcloud8{  font-size: 125%;}
.keywordcloud9{  font-size: 150%;}
.keywordcloud10{ font-size: 150%;}




/** その他 **/    
/*** イメージの枠組み ***/    
img.photo{
	margin: 10pt;
	padding: 5pt;
	border: 1px solid #669ab5;
	background-color:#f5f5ff;
	float: right;
	clear: right;
}

img.flickrphoto{
	margin: 10pt;
	padding: 5pt;
	border: 1px solid #669ab5;
	background-color:#f5f5ff;
	text-align:center;
}

/*** アマゾン ***/    
div.hatena-asin-detail {
	border:1px solid #0066CC;
}

div.hatena-asin-detail ul {
	list-style-type: none;
}

p.hatena-asin-detail-title {
	font-weight: bold;
	line-height:100%;
}

div.hatena-asin-detail p {
	text-indent: 0em ! important;
	margin: 0;
	padding: 0;
}

div.hatena-asin-detail-info {
	word-break:break-all;
	word-wrap:break-word;
	margin: 10px 0 0 150px;
	float:none;
}

div.hatena-asin-detail-foot {
}


/*------------- ------------- ------------- ------------- ------------- */    
/* footer                                                     */    
/*------------- ------------- ------------- ------------- ------------- */    
/** footer全体 **/      
div.footer{
	background-color: #FFFFFF;
	padding: 10px 0;
	margin: 10px 5px 10px 210px;
}

.footer .hatena-modulebody{
	padding: 5px 10px;
	text-align:left;
	background-color: #FFFFFF;
}


/* オシマイ */    
トラックバック - http://chick.g.hatena.ne.jp/allegro/20060716

2006-06-29

[]びっくり びっくり - 雲雀は高く空を舞い を含むブックマーク はてなブックマーク - びっくり - 雲雀は高く空を舞い びっくり - 雲雀は高く空を舞い のブックマークコメント

二週間近く書いていなかったのかと吃驚。おうぃぇ。

トラックバック - http://chick.g.hatena.ne.jp/allegro/20060629

2006-06-16

[]カラーコーディング カラーコーディング - 雲雀は高く空を舞い を含むブックマーク はてなブックマーク - カラーコーディング - 雲雀は高く空を舞い カラーコーディング - 雲雀は高く空を舞い のブックマークコメント

はてなグループにおけるスーパーpre記法の拡張について - はてなグループ日記 - 機能変更、お知らせなどより

「はてなスーパーpre記法」が拡張されて自動で色がつくようになった。matlabにも対応していて、うん、便利…と思ったら色合いが。文字列、コメント、ファンクションなど。styleタグとか見るとkwikiとかの機能からなのかな?英語も勉強しなくちゃ。

トラックバック - http://chick.g.hatena.ne.jp/allegro/20060616
テクノラティプロフィール