朱一福利：妈妈再也不用担心我的 mba 看优酷发热了-html5 播放切换的 bookmark

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 5055 天前的主题，其中的信息可能已经有所发展或是发生改变。

界面预览:

url: http://zythum.free.bg/youkuhtml5playerbookmark/

上班的时候偷偷做的。话说每天看优酷的时候风扇都哗哗的，实在受不了了就做了这个。来解决 flash 发热大的问题。目前貌似播放只支持 safari 同学。因为视频格式使用的 m3u8 ，所以貌似 chrome 没法播放。用 chrome 的童鞋也不要哭，不要闹。朱一也把 mp4 的地址也解析出来了。在下面做了个链接。童鞋们点击进去就好了。其实本来像把 chrome 的地址也判断写 ua 放进去的。发现优酷不乖得弟子做了 3 次重定向。天。还是点链接把。
添加 m3u8 格式与 mp4 格式的切换。但是 mp4 格式不一定是每个视频源都有的。骂坑爹的请致电优酷。
这个 mp4 播放还是不支持 chrome 在页面上的。可以点击底部的连接，跳过去看。

代码在 github.com : https://github.com/zythum/youkuhtml5playerbookmark/

要不要再做个土豆的...??

PS.目前只是在 mac 下做的此时，如果是 win 的用户，如果不能用，也请点击底部的连接。但是应该 flash 在 win 下的发热量不是那么大，应该不怎么需要这个东西。

优酷

mp4

Chrome

99 条回复 • 2014-05-07 12:54:55 +08:00

zwl2828

2012 年 3 月 17 日

多谢，可以把这个转帖到其他地方么？

panlilu

2012 年 3 月 17 日

Nice job!

zythum

2012 年 3 月 17 日

@zwl2828 可以。注明code by zythum_朱一就好

zythum

2012 年 3 月 17 日

@panlilu 熊猫酱最近可好。朱一发现上班和上学的时候是完全两个状态，还没适应过来撒。

zythum

2012 年 3 月 17 日

已经加入tudou的支持。土豆优酷合并了当然bookmark应用也要可以兼容才对么...

tudou貌似还没找到mp4格式。所以只能支持m3u8。chrome表示无能了。
但是可以切换清晰度。（原画，360，256.）

MartianZ

2012 年 3 月 17 日

不错不错，一直需要一个这样的东西

flash在os x下效率实在是太渣了

zythum

2012 年 3 月 17 日

无图无真相

MartianZ

2012 年 3 月 17 日

如果要是支持bilibili就好了……（拖出去

当然那东西的弹幕实现起来也老麻烦了

zythum

2012 年 3 月 17 日

@MartianZ 这个不好做。因为地址是从网站抓的。看他是否个暴露给你，可以让你猜出url是怎么组的。 bilibili和acfun是引用的别人的源，直接引得flv,这个无从下手的感觉。

lepture

2012 年 3 月 17 日

safari 开 developer 模式，user agent 用 ipad 的或者 iphone 的就可以了呀。

MartianZ

2012 年 3 月 17 日

@zythum 貌似有比较靠谱的办法获得flv地址和弹幕内容，至少弹幕内容可以直接读取，输出的是xml

MartianZ

2012 年 3 月 17 日

@lepture =。=
原来还有这招。学习了

Pandroid

2012 年 3 月 17 日 via Android

好东西。表示win下的flash也能让我那破电脑风扇狂吹。明天试试看

qlqsh

2012 年 3 月 17 日

如果是去youku、土豆这些网站，可以直接用“开发->代理->ipad”，LZ的方法对网站引用的那些视频无效。

tuoxie007

2012 年 3 月 17 日

前去窥探LZ私生活

zythum

2012 年 3 月 17 日

@lepture 是的。没错。这样是可以的。但是不是不方便么。

当然你可以说挺方便的。

但是。
朱一感觉自己需要这样的东西

PS.其实我抓url还是伪造成iPad抓的。

Matata

2012 年 3 月 17 日

看成朱一妈妈了……

skydiver

2012 年 3 月 17 日

Windows+Chrome 表示点了一下书签直接打开了一个js文件。。。

zythum

2012 年 3 月 17 日

@skydiver 本来就是加载一个js文件的么... 这样可以同步更新。比如朱一现在多添加tudou支持，不用再去换个bookmark。

放心js是安全的。并且不会向外放松请求(你可以监听)。不用担心会盗取密码什么的。

zythum

2012 年 3 月 17 日

@qlqsh 是的。同回答 @lepture 酱的问题。

其实bookmark比伪造成iPad会方便不少。并且感觉更cool一些。

zythum

2012 年 3 月 17 日

@MartianZ 一直试的感觉是土豆的转码的质量比优酷好。

svampire

2012 年 3 月 17 日

大赞！！

zythum

2012 年 3 月 17 日

发现youku m3u8格式有转码视频走错门的现象。 mp4格式没问题。

MartianZ

2012 年 3 月 17 日

@zythum bilibili上的话，貌似都用的sina，好像有什么办法能防止二压还是怎么的。

skydiver

2012 年 3 月 17 日

@zythum 但是怎么让它点击的时候不是打开而是运行呢？

zythum

2012 年 3 月 17 日

@skydiver 朱一用chrome试过啊。没问题啊。

这个bookmark对chrome支持不好，还是用safari。
chrome没法播放m3u8格式的video文件。

skydiver

2012 年 3 月 17 日

@zythum 好吧，可能是Windows版的处理方式不同

zythum

2012 年 3 月 17 日

@skydiver 应该不是把，你试着把这个bookmark打开，

把原来的javascript: ...

改成javascript: viod( ... );

试试，

应该不会直接给你js文件的，你可以尝试看看你是不是装了什么插件。之类的。

zythum

2012 年 3 月 17 日

还有就是如果想作为userscript的话之间把git的源码搞下来。自己做个user-script的头就可以了。
git上的土豆和优酷的文件是分开的。

gowinder

2012 年 3 月 17 日

要是可以在wp7的ie上用就好了。

shidianxia

2012 年 3 月 17 日

@zythum 朱一童鞋做个chrome插件吧~~~~万分感谢啊，还在用老酷睿2笔记本的童鞋表示flash在windows下也不是省油的灯，而且似乎使用html5的话，暂时土豆和优酷都没广告

zythum

2012 年 3 月 17 日

chrome实在无力啊。你可以看下git上的源码。土豆目前没有有找到mp4的迹象。优酷找到了源。但是有2重跳转ajax抓不到。
目前只能跳转到哪个地址观看。

地址规则是 'http://3g.youku.com/pvs?id='+videoId2+'&format=3gphd'
videoId2是网页js的全局变量。

但是这个的清晰度实在不可恭维。
并且还有再不清晰版，
'http://3g.youku.com/pvs?id='+videoId2+'&format=3gp'
无力吐槽了。

zythum

2012 年 3 月 17 日

@shidianxia 尝试发现在win下的遨游3可以播放优酷的mp4格式。不用跳转。
感觉应该chrome也可以。求win的chrome用户尝试一下。

kavi

2012 年 3 月 17 日

太赞了，要是有个关灯功能更好了！！

liuhang0077

2012 年 3 月 17 日

多谢很好用～～要是能做成safari插件就更好了～

zythum

2012 年 3 月 17 日

其实这个和safari插件的效果是类似的，就不做成插件的。
如果像每次自动运行的话可以下个忍者脚本。然后把这段作为userscript加载进去，
源码github上有传。

@kavi 已经做了白色的透明遮罩，并且可以点击穿透了。
你是想要黑色的遮罩么？

zythum

2012 年 3 月 17 日

@liuhang0077 突然发现貌似把js文件做成user-script是不行的。因为需要一个源js环境的一个变量。
你可以把bookmark的代码把javascript: 去掉作为userscript

zythum

2012 年 3 月 17 日

userscript是下面这段。

// ==UserScript==
// @name youku tudou HTML5 player
// @namespace
// @include http://*.youku.com/*
// @include http://*.tudou.com/*
// ==/UserScript==
(function () {
var s = document.createElement('script');
s.setAttribute('type', 'text/javascript');
s.setAttribute('src', 'http://zythum.free.bg/youkuhtml5playerbookmark/youkuhtml5playerbookmark.js');
document.head.appendChild(s);
})();

cutehalo

2012 年 3 月 17 日

直接用 http://labs.3g.youku.com/ipad/ 这个也可以

killpanda

2012 年 3 月 18 日

http://d.pr/1ysG
改了下CSS

zythum

2012 年 3 月 18 日

@cutehalo
其实我去优酷土豆是很有针对性的。
比如乔老师每天2发，然后小满撒神09，没事plu。然后动漫一直追。
优酷哪个实验室项目以前有看过，但是不符合朱一的习惯。
所以做了这个。

其实感觉优酷怎么做视频分类感觉还是没有实际大的效果的。
目前感觉基于人际关系的推送以及订阅这方面的加强更为重要一些。

zythum

2012 年 3 月 18 日

@killpanda github上有看到。你手挺快的。

cutehalo

2012 年 3 月 18 日

@zythum 看视频从来都是AB站。。。就算youkutudou看了的也得到AB站看一遍弹幕吐槽版啊
-________-''

skydiver

2012 年 3 月 18 日

@zythum 呃，果然是插件的问题。这个插件把链接直接替换成js的url了……关掉就好了……现在chrome可以播放mp4了

laskuma

2012 年 3 月 18 日

神人！！！准备开源不！！

zythum

2012 年 3 月 18 日

@laskuma 源码在github上。其实很简单，只是猜url.
上面有链接。
@skydiver 神级插件。

laskuma

2012 年 3 月 18 日

@zythum 哈哈谦虚了

yyfearth

2012 年 3 月 18 日 via iPad

@zythum 现在解脱了，直接用ipad看就好了

tuoxie007

2012 年 3 月 18 日

safari 开 developer 模式，user agent 用 ipad 的或者 iphone 的就可以了呀。
+1

zhuzhuor

2012 年 3 月 18 日

给chrome直接改useragent貌似不行，见图（顺带试试贴图）

貌似html5先出来，然后flash再出来，然后两个都不能播了.....
估计还是得用楼主的办法，期待能写个chrome的插件出来

zythum

2012 年 3 月 18 日

@tuoxie007 每次这么切是很不方便的。
现在朱一是自己把这个bookmark写在油猴子里了，每次youku,tudou自动加载。
油猴脚本上面回复里有贴。

@zhuzhuor chrome不支持m3u8的编码格式。感觉应该和chrome不再支持H.263有关

magicxqh

2012 年 3 月 18 日

朱一，偶像！mua~

kavi

2012 年 3 月 18 日

@zythum 是啊，黑色的，就和youtube里面的关灯一样，个人觉得效果会好许多。楼主加油！！！

ldcr99

2012 年 3 月 18 日

可是...可是 FF就这样被抛弃了吗? (掀桌>_<

kojp

2012 年 3 月 18 日

福利帝！！！强烈支持~~~mua~

flytwokites

2012 年 3 月 18 日

m3u8的url我用一些播放器打开，放起来一停一停的，因为一小段就几秒，在放前一段时似乎没有预加载下一段导致中间有停顿的时间。有什么播放器可以做到比较流暢的播放的？

zythum

2012 年 3 月 18 日

@ldcr99 这个没办法。你可以致电youku和tudou的客服美眉
@flytwokites itunes貌似可以。
然后就是土豆的比优酷的流程

humiaozuzu

2012 年 3 月 18 日

看来仅仅是mba发热了，我的mbp的cpu占用率很低而且不发热呢

flytwokites

2012 年 3 月 18 日

@zythum 还是QQ视频给力，我刚才是想看龙门飞甲，发现只有QQ视频有单个文件的高清MP4。优酷的mp4很不清晰。

zythum

2012 年 3 月 18 日

@humiaozuzu 真的看flash不热么.

@flytwokites youku的flash真心不给力

zythum

2012 年 3 月 18 日

修复土豆的一个bug

humiaozuzu

2012 年 3 月 18 日

@zythum 我的真心不热。。。昨天夏娜和妖精尾巴就是

myrual

2012 年 3 月 18 日

替我的mba的风扇感谢lz。真心觉得好。

hitbastank

2012 年 3 月 22 日

赞一个！我妈这回开心了！

yanwen

2012 年 3 月 22 日

登录不到你博客。。。。。诺顿的DNS拦截了。
http://safeweb.norton.com/report/show?url=zythum.free.bg

zythum

2012 年 3 月 22 日

@yanwen 个人页是是个free.bg免费的二级域名。有点当年co.cc的待遇了。。额

Aether

2012 年 3 月 31 日

firefox下面说视频格式不支持，我该怎么办？

zhaoyafei

2012 年 3 月 31 日

@zythum 朱一是个大牛

zythum

2012 年 3 月 31 日

@Aether 这东西只是为了air看视频不热。
ff是开源软件。不能播放mp4或者m3u8这样的格式。请使用safari.

zythum

2012 年 3 月 31 日

@zhaoyafei 朱一不是大牛。

jaylong

2012 年 4 月 1 日

楼主赶紧上土豆的啊好用啊

jaylong

2012 年 4 月 1 日

@jaylong sorry 貌似已经支持土豆了谢谢

xoosye

2012 年 4 月 1 日

@zythum 你戳中了要點！

gDD

2012 年 4 月 2 日 via iPod

应该是coded by zy...

zythum

2012 年 4 月 6 日

修改。 youku花屏问题。

deanguqiang

2012 年 4 月 6 日

不能全屏吗？win+chrome

zythum

2012 年 4 月 6 日

这个真的不适用chrome用户。那个mp4的画质太渣了。

deanguqiang

2012 年 4 月 6 日

@zythum 我主要是比较习惯全屏看。。

eric_zyh

2012 年 4 月 6 日

muzuiget

2012 年 4 月 6 日

转换A/B站的字幕，我写了个工具 http://www.v2ex.com/t/31527

Ken_Adams

2012 年 4 月 6 日

用了一段时间了，感觉相当棒！以前我也是开 Developer 模式选 user agent 的，现在就用这个 bookmark 了，很方便

oseau

2012 年 4 月 18 日

@zythum 哈哈小满萨神凯导牛蛙~ 欢乐~ 非常实用! 多谢!

itommy

2012 年 4 月 28 日

太酷了！有没有搜狐的呢？

yyfearth

2012 年 4 月 29 日

@zythum 朱一不是大牛，是小牛撒 (顺便测试一下我的userscript)

franksin

2012 年 4 月 29 日

上班的时候偷偷做的～哈哈。。。给力插件 .

zhangsanren

2012 年 5 月 7 日

@lepture 你好牛！TAT

zzNucker

2012 年 5 月 13 日

朱一大萌神被推荐到 HTML5研究小组的微博了哟

wudoo59

2012 年 5 月 13 日

朱一大萌神帅气啊。哈哈。。每个作品都萌死了。

weiking

2012 年 5 月 13 日

mac safari下，再设置里面有个开发模式，用户代理设置为ipad，iphone，即可把视频网站直接转为html5方式浏览。

percent5

2012 年 5 月 20 日

user agent的方式虽然是万能的，不过如果计算点击数的话，还是LZ这个好用。
ps：如果是其他网站的在线视频也有办法这么做吗？
其实我关心的是，有没有这种一招鲜的办法能让浏览器切换到html5的模式，可能这种方式和切换useragent的方式一样，切换html5 mba立马就吵了。

ipconfiger

2012 年 10 月 7 日

貌似不行也

zythum

2012 年 10 月 7 日

@ipconfiger 为啥不行？

Hala

2013 年 1 月 15 日

谢谢朱一！

Pactzhao

2013 年 3 月 13 日

能否搞个搜狐的？搜狐上很多美剧的，别的地方都没有

Pactzhao

2013 年 3 月 13 日

看到支持搜狐了，好棒啊

lukic

2013 年 4 月 27 日

能否支持奇艺啊？

zythum

2013 年 4 月 27 日

@lukic 原来支持。这几天有变故。过几天会支持。

endergao

2014 年 5 月 5 日

快1年木有更新啦～～

zythum

2014 年 5 月 7 日

@endergao 有断断续续改动的。只是你没发现。