2018-06
8

把痛留给自己

By xrspook @ 11:08:13 归类于: 烂日记

经历过多少伤痛只有你自己知道”在45分钟的Dangal幕后花絮制作特辑里米叔对折磨中的Fatima说了这么一句话,然后他举了小李子拍《铁达尼号》冰水镜头的例子。

之前我是那种不怎么喜欢把自己伤痛或折磨故意告知/展示给别人的人,看到Dangal里米叔的话以后,更加坚定了我。别人没必要知道你是怎么辛苦得来的,他们要的是结果,为什么你要把那些都炫出来呢?那些该拿来炫吗?如果那是别人看到的,是别人拿去吹的,我们阻止不了,但起码我不应该主动这么干。别人因为一点点事大惊小怪的时候,我内心非常无语。比如昨天下午开会的时候坐我旁边的女生说她抓破了个痘痘,流血了,居然还能引发紧张,居然还得用双飞人去消毒一下,居然还要像发生了什么大事一样告诉她旁边的同事。这到底是什么鬼?!我不把我的痛主动拿给别人看,不等于别人就不会主动让我拿出来展示给他们,比如说我妈,她非看不可,幸好有些不是暴露在外的,所以她看不到。只要我不吭声,只要我藏得好,她不会知道,之所以要这样是因为我不想让她过分担心。有时,伤口那种事本来就比较血腥不堪入目,为什么还要强迫别人去感受你的痛呢!当然,我去医院找医生的时候例外,我不把问题暴露出来,医生就没办法帮我。有些时候,我必须把痛告诉别人,比如我的大腿因为某次篮球训练拉伤了,的确走路慢跑都没问题,但只要剧烈爆发启动股直肌马上就剧痛,如果我不顾这个继续发力,天知道会不会夸张到拉断。在这种情况下,难道你们还要把篮球比赛所有女生的期望都放在我的耐力超好、突然爆发的快攻上?!必须改变策略了,有没有!因为天知道这种不知道什么程度的拉伤自然恢复要什么时候才能痊愈,而且我是那种坐不住的人,我没办法一直都只是坐着躺着养着,我一旦动起来,谁知道我又会什么时候什么情况下落井下石。

痛这种东西不是炫给别人看的,但不能就这么让那过去了,我们自己应该好好记录,引以为戒。痛的过程是怎样的?为什么会造成?如何避免?真碰上了以后要怎么处理?除了之前的处理方法以外还有没有更好的选择?因为要得到这些信息,所以我可能会在blog里、围脖上、朋友圈里详细记录下来。不是为了给别人看,而是为了做好记录自己翻查。至于其他人看不看,那是他们的事。

昨天在压制《古拉姆》第二首蓝光原盘歌曲共游肯达拉(Aati Kya Khandala)时我就很痛,但那种不是生理上的痛,那是持续作战的心累。可能是剪片的原因,按照传统压制的方法出来的东西前18秒都会卡在同一个画面。字幕在变化,但视频的其它画面一动不动。一开始我觉得是关键帧缺失的问题,至于为什么会缺失我显然不知道。MeGUI怎么压怎么不对,小丸也是,电脑里再没有其它压制软件。用potplayer、kmpplayer,MPC-HC播放m2ts没问题,但把视频放在Aegisub里播有问题,那个问题和压制出来的效果一样,网友说之所以视频软件没问题是因为那都默认自带纠错功能,但压片的软件没有。我试过用HD Remuxer,也试过用TSmuxerGUI,无效。按照从前压DVD时间轴错乱的经验,我觉得在上MeGUI之前应该先用软件索引一下。dgindex的系列软件只有dgavcindex能用,在dgavcindex里m2ts可以正常播放,所以理论上用索引出来的dga文件放在MeGUI里压制应该没问题。但28**版本的MeGUI不支持dga输入,27**版本的MeGUI能输入dga,但马上跳出DirectShowSource滤镜不支持。DirectShowSource滤镜的问题在新版的MeGUI以及64位的电脑上经常性习惯性地困扰我。我能怎么办呢?我应该去修复m2tv文件,但怎么修复?最后,最后,最后,我遇到了Smart Cutter for DV and DVB。据说这是个无损、可以精确到帧剪切的软件。虽然说是无损但也听说在剪切点的位置会重新编码,可能会出现花屏。Smart Cutter for DV and DVB这个软件的界面有点神奇,以至于我不打开他们的说明页面居然会找不到需要找的东西在哪里。这个有点奇葩的软件最终拯救了我!我把m2ts文件开头和结尾的几帧剪掉,然后呢,居然就好了!18秒的问题解决了!的确剪出来的m2ts文件一开头有花屏,但和字幕放一起经过MeGUI的压制以后,顺滑流畅!18秒的问题完美解决!但共游肯达拉(Aati Kya Khandala)这个m2ts文件还有个音频视频不同步的问题,dgavcindex读取出来是-117ms延迟,TSmuxerGUI出来是DTS-38ms和AC3-17ms的延迟。最终我用了-117ms的延迟设置。理论上我应该把字幕前移0.11s,但实际上我得移0.3秒才和我一开始设置的字幕轴对上,好奇怪。我以为搞定这些后总算可以了,但今天早上才发现字幕里面某个“搞怪”和“宝贝”之间我居然漏了个空格!补空格后压制,封装好全部以后才发现还是不对,虽然我的ass文件里的确已经空格了,那个问题在于其它词语之间我用的是中文空格,最后补上去的那个空格是英文空格…… 所以在B站已经上传到了一半的时候,我又把文件撤了回来,重新压。这些事情从昨天到今天困扰了我接近8个小时,这还只算坐在电脑前的,吃饭洗澡睡觉时的琢磨还不计算在内。理论上这是很简单的东西,但实际上,期间经历的磨难只有我和被我骚扰的少数几个朋友知道。在观众眼里,清晰到流眼泪的画面、靠谱的歌词翻译、恰到好处的时间轴就是他们知道的全部,他们不需要知道更多,再多的罪都是我一个遭就好,当然,折腾换来的经验也唯有我最清楚,但既然我已经把这些都写出来了,大家也就没必要在遇到这种事的时候再彷徨了。

痛并快乐着。

http://www.bilibili.com/video/av24529296/

2012-07
7

当下页面测试对比IE今昔

By xrspook @ 20:53:11 归类于: 烂日记

今天很无聊地又在虚拟机里装了一个自带IE6的XP。用的版本是(修正)金狐XP SP3 (IE6/IE8,GHO/WIM) 极致系列[4+1+1] 【唯美之最,快稳兼备】。安装很顺利,到现在为止我已经在虚拟机里安装第4个XP,第7个Windows系统了。

家里这台WIN7里有2个虚拟系统,一个是金狐的龙祥XPIE8一个是金狐修正XPIE6,开机和关机速度差不多,但开机的话,IE8的要快一点,但差距在5秒内。

你还记得IE6的icon么?左边的就是了,浅蓝色的E标志,右边的是IE8,有条黄色的带子。我还记得IE5是普蓝色没有渐变的,但IE7呢?完全没印象…… IE9的标志也是浅蓝色渐变加黄色带子,但那种立体感和IE8完全不同,E更大,更平面。

同样是纯净版,IE6和IE8的XP系统占用空间一样大。

哈哈哈,打开IE区别就明显了。IE6,把margin和负数定位视都不见。

久违了,好久好久好久都没见过IE6的标志,看到IE6,我想起那个Windows 98和Windows XP的过渡系统Windows Me。IE6曾几何时是XP的标配啊!

系统占用量,IE6比IE8少19MB。但说你也不信,它们的打开速度和载入完全速度是一样的!

仔细看进程,发现除了二者必须有的IEXPLORE.EXE外,IE8还有另外一个IEXPLORE.EXE,而那个进程就13MB了。为啥呢?我记得打开同样页面的时候IE8曾试图弹出一个窗口,那是电信ADSL的广告,但被我关掉了,难道是那个的?还是因为IE8有了选项卡功能导致2个IE进程?

无接缝界面看看IE们。

杯具的IE6啊~~~标题导航栏完全无视filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);难道IE6很傻很天真地只允许每页面使用一个滤镜?各种margin问题,用div做的hover也无法实现。除此以外,正常阅读是不受影响的,因为正文没啥花俏东西。IE6,纯粹是格式类丑一点而已。

IE8,相比IE6好多了,margin正常,hover正常,不正常的就只剩下CSS3效果——圆角、阴影等。啥?你已经觉得这已经很正常了,不知道原来这个网页还有更正常的效果?

我们用IE9来了看看吧!当然了,到现在为止IE9只能在Vista或以上系统运行。

IE9,在界面上更简洁的浏览器!默认没有菜单栏,默认标签页,默认刷新、暂停、搜索融入到地址栏。这么简洁的构造让IE的正文空间更加大。对比IE6、IE8和IE9,你会看出区别的!

对头,这就是IE9的效果!

这也是Chrome和Firefox里看到的效果。圆角、虚线(中间滑动标题导航的地方);标题和描述下的那些导航标签有半透圆角按钮效果;页面导航按钮有阴影效果。这些都是IE9支持的CSS3做出来的。

老天啊,跨越了4代的IE才正常表现出了我要展示的东西,情何以堪。不过,如果用10年前的浏览器去测试,它们也不可能做到。(Chrome肯定没有10年,Firefox好像也没有吧……)

今天下午睡了5个小时,因为感觉没事干,现在有点痴呆,但非常满足。

2012-07
3

解决了IE9下的神奇filter黑背景

By xrspook @ 21:06:42 归类于: 烂日记

追求梦想是一个永不止步的过程,正是因为期间的不容易才让一切变得不是一般的有趣。

昨天发现了IE8的问题,我开始拼死地想做IE9的网页测试。最后,我装了微软的Vitural PC 2007,虽然,那个玩意说不兼容Home Edition,然后我下载了Win7-IE8的镜像文件,在解压过程中波折重重,其中包括首先把硬盘的东西移走,然后修改临时文件夹到最后的得知解压文件大小为近9GB的时候我不得不把原来FAT32的磁盘在数据没有备份的情况下格式化为NTFS。冒了很大的风险,经历N多困难,最后当我能在虚拟机里运行出英文版Win7的时候,那个激动啊!因为我下载的是IE8,需要升级为IE9。首先我需要解决的问题就是我必须让虚拟机上网,好不容易在NAT模式下自动匹配IE上网了,用了很长时间我才明白到这样的IE9升级可以说是不可能完成的任务。

我甚至要狠心装一个虚拟机去测试网页啊!我为什么要这样呢?因为从Goolge的分析数据看来,浏览我网站的人中有40%来自IE9,我必须照顾IE9的效果,同时,在中国,IE8以下是盛行的,所以,IE6-9是我必须面对的问题。

幸好,有网友做我的坚实后盾,帮我在IE9下刷新测试。谢谢他!但,如果可以选择的话,我希望一个人能把这些测试工作都完成好。

都说IE9不理会IE从前一直使用filter,事实证明不然!IE9会CSS3,但IE9没有把filter视而不见,而是偷偷地继续调用了那个滤镜。特别,当CSS3和滤镜同时在一个class里设定的时候,它两种都用上了!恰逢,我今天用到的是CSS的垂直翻转效果。

IE9下CSS3是这么表述的:-ms-transform:translateX(-100%) rotate(-90deg);-ms-transform-origin:right top;

IE9以下的IE版本,filter是这么表述的:filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

只使用filter,IE9下是这个效果。

CSS3和filter都出现在同一个class里,IE9下是这个效果。

只使用CSS3,IE9下是这个效果。

于是,谁还敢说IE9对filter完全没feel呢?如果真的没feel,应该像Chrome或Firefox那样鸟都不鸟,但显然不是。

昨天的问题有解决思路了——精准的浏览器选择!

我一直都觉得应该把代码都写在class里,当遇到IE9的时候kill掉一些。但无论我用filter:;,filter:-;,filter:none;等都无济于事,可能filter根本只能enable和disable。后来,点点的工程师提醒了我,减法不行的话,我可以用加法!我不一定要把代码全部都写在class里,遇到IE9减去,我可以直接不在class里写filter,而当遇到IE9以下IE时再加上!

哇咔咔,就是这个思路了!

所以最终,我在主体class里去掉了filter,在文件头加上了这么一段hack。

1
2
3
4
5
<!--[if lte IE 8]>
	<style type="text/css">
		.stitch_active > h2,.stitch_header > h2{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
	</style>
< ![endif]-->

地球终于被拯救了!!!!在写这段hack的时候出过一个笑话,我把“lte”写成了“Ite”,幸好被点点工程师发现了!尼玛,lI1(小写L、大写i、数字一)在某些字体下真的很难分辨的说。“lte”的意思是小于或者等于。

累并快乐着真好!

2012-07
2

KO了Principe模板IE8下的黑边问题

By xrspook @ 22:36:50 归类于: 烂日记

对Principe在IE8下的PNG黑边效果我耿耿于怀!(Chrome、Firefox等完美支持的表示毫无压力)

虽然,我知道这是IE9之前的硬伤!在IE9之前的IE7和IE8虽然已经支持了PNG的透明功能,但它是通过偷偷调用fliter滤镜实现的,这个bug在于,如果你再使用其它滤镜,那么PNG的透明滤镜就歇菜了。

昨天花了不少时间在这里,未果。我一直觉得这是CSS的问题,但实际上,这纯粹是万恶IE的问题。

为什么我的滑动标题会出现黑框呢?

这个滑动标题栏的XHTML是这样的

1
2
<span class="stitch_header"><h2><span>{$text.title}</span><b class="text-icon"></b></h2></span>									
<span class="stitch_active"><h2><span>{$text.title}</span><b class="text-icon"></b></h2></span>

部分CSS是这样的

1
2
3
.stitch_active > h2,.stitch_header > h2 {color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,0.5);font-weight:440;z-index:2;position:absolute;top:0;left:5px;width:450px;font-family:arial, serif;font-size:24px;-webkit-transform:translateX(-100%) rotate(-90deg);-webkit-transform-origin:right top;-moz-transform:translateX(-100%) rotate(-90deg);-moz-transform-origin:right top;-o-transform:translateX(-100%) rotate(-90deg);-o-transform-origin:right top;transform:translateX(-100%) rotate(-90deg);transform-origin:right top;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);margin:0;}
.stitch_active > h2 b,.stitch_header > h2 b {display:inline-block;position:absolute;top:5px;left:5%;text-align:center;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}  
.text-icon {background:url(http://x.libdd.com/farm1/5b7f4a/4a3b11a7/text-icon.png) no-repeat top left;width:32px;height:32px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.libdd.com/farm1/5b7f4a/4a3b11a7/text-icon.png');}

解释一下哈,为了把这个标题栏打竖显示为现在的样子,这里做了2个翻转,一个翻转是逆时针90度(rotation=3),一个翻转是顺时针90度(rotation=1)。不知道翻转是神马?请这边学习。然后呢,逆时针的用在了h2,顺时针的用在了控制icon图标的b。也就是说在load到png之前已经有2个滤镜了,png的默认IE滤镜必须的失效。肿么办呢?

我用了一个非常笨的办法,在每个icon PNG那里手动加上滤镜,且把b的顺时针转向功能禁止掉,改用在PS里直接把图片顺时针翻转90度。

代码类的,即在.text-icon里面加上filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’http://x.libdd.com/farm1/5b7f4a/4a3b11a7/text-icon.png’),这么一来就是强制在load这个png的时候用滤镜了。

至于为什么要把b的翻转禁止掉而用PS图片翻转呢?因为b优先于.text-icon,即便我在后者里设置了强制滤镜,b的滤镜还是优先,于是还是黑边。

PS下的翻转太简单了

翻转前

翻转后

人肉看,当然觉得别扭,但整体效果,那是必须的好。

有图有真相!

于是,终于,在IE8下,Principe的icon图标算是正常了,内牛满面。

今天下午网友才提醒我Principe在IE9下显示怪异,这主要是IE9不支持filter但却不像Chrome和Firefox那样不加理会,而是自作主张搞了一些神马出来。

老天啊~~~ 试问一个不用IE的人怎么会知道这些问题呢!更杯具的是,单位的电脑是XP,XP无法安装IE9,我家里有WIN7可以安装IE9(现在是IE8),也有XP,能考察IE8。为什么,为什么,为什么现在才告诉我事实这么残酷呢???泪奔~~~

已经下载虚拟机,已经下载WIN7+IE8(可升级为IE9)的文件。

哎~~~ 玩网页设计,我容易么我~~~

© 2004 - 2024 我的天 | Theme by xrspook | Power by WordPress