朱一福利:妈妈再也不用担心我的 mba 看优酷发热了-html5 播放切换的 bookmark - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zythum
V2EX    分享创造

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

  •  
  •   zythum
    zythum 2012-03-17 16:40:30 +08:00 30988 次点击
    这是一个创建于 4958 天前的主题,其中的信息可能已经有所发展或是发生改变。
    界面预览:



    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 下的发热量不是那么大,应该不怎么需要这个东西。
    99 条回复    2014-05-07 12:54:55 +08:00
    zwl2828
        1
    zwl2828  
       2012-03-17 16:46:29 +08:00
    多谢,可以把这个转帖到其他地方么?
    panlilu
        2
    panlilu  
       2012-03-17 16:47:34 +08:00
    Nice job!
    zythum
        3
    zythum  
    OP
       2012-03-17 16:52:18 +08:00   1
    @zwl2828 可以。注明code by zythum_朱一 就好
    zythum
        4
    zythum  
    OP
       2012-03-17 16:53:25 +08:00   1
    @panlilu 熊猫酱最近可好。 朱一发现上班和上学的时候是完全两个状态,还没适应过来撒。
    zythum
        5
    zythum  
    OP
       2012-03-17 21:28:07 +08:00
    已经加入tudou的支持。土豆优酷合并了当然bookmark应用也要可以兼容才对么...

    tudou貌似还没找到mp4格式。所以只能支持m3u8。chrome表示无能了。
    但是可切换清晰度。(原画,360,256.)
    MartianZ
        6
    MartianZ  
       2012-03-17 21:31:15 +08:00
    不错不错,一直需要一个这样的东西

    flash在os x下效率实在是太渣了
    zythum
        7
    zythum  
    OP
       2012-03-17 21:32:28 +08:00
    无图无真相
    MartianZ
        8
    MartianZ  
       2012-03-17 21:35:15 +08:00
    如果要是支持bilibili就好了……(拖出去

    当然那东西的弹幕实现起来也老麻烦了
    zythum
        9
    zythum  
    OP
       2012-03-17 21:37:54 +08:00
    @MartianZ 这个不好做。因为地址是从网站抓的。看他是否个暴露给你,可以让你猜出url是怎么组的。 bilibili和acfun是引用的别人的源,直接引得flv,这个无从下手的感觉。
    lepture
        10
    lepture  
       2012-03-17 21:38:47 +08:00   1
    safari 开 developer 模式,user agent 用 ipad 的或者 iphone 的就可以了呀。
    MartianZ
        11
    MartianZ  
       2012-03-17 21:39:24 +08:00
    @zythum 貌似有比较靠谱的办法获得flv地址和弹幕内容,至少弹幕内容可以直接读取,输出的是xml
    MartianZ
        12
    MartianZ  
       2012-03-17 21:40:43 +08:00
    @lepture =。=
    原来还有这招。学习了
    Pandroid
        13
    Pandroid  
       2012-03-17 21:41:52 +08:00 via Android
    好东西。表示win下的flash也能让我那破电脑风扇狂吹。明天试试看
    qlqsh
        14
    qlqsh  
       2012-03-17 21:42:34 +08:00
    如果是去youku、土豆这些网站,可以直接用“开发->代理->ipad”,LZ的方法对网站引用的那些视频无效。
    tuoxie007
        15
    tuoxie007  
       2012-03-17 21:43:05 +08:00
    前去窥探LZ私生活
    zythum
        16
    zythum  
    OP
       2012-03-17 21:43:46 +08:00
    @lepture 是的。没错。这样是可以的。但是不是不方便么。

    当然你可以说挺方便的。

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

    PS.其实我抓url还是伪造成iPad抓的。
    Matata
        17
    Matata  
       2012-03-17 21:44:04 +08:00
    看成朱一妈妈了……
    skydiver
        18
    skydiver  
       2012-03-17 21:44:26 +08:00
    Windows+Chrome 表示点了一下书签直接打开了一个js文件。。。
    zythum
        19
    zythum  
    OP
       2012-03-17 21:46:56 +08:00
    @skydiver 本来就是加载一个js文件的么... 这样可以同步更新。 比如朱一现在多添加tudou支持,不用再去换个bookmark。

    放心js是安全的。并且不会向外放松请求(你可以监听)。不用担心会盗取密码什么的。
    zythum
        20
    zythum  
    OP
       2012-03-17 21:48:22 +08:00
    @qlqsh 是的。同回答 @lepture 酱的问题。

    其实bookmark比伪造成iPad会方便不少。并且感觉更cool一些。
    zythum
        21
    zythum  
    OP
       2012-03-17 21:52:42 +08:00
    @MartianZ 一直试的感觉是土豆的转码的质量比优酷好。
    svampire
        22
    svampire  
       2012-03-17 21:58:11 +08:00
    大赞!!
    zythum
        23
    zythum  
    OP
       2012-03-17 22:07:00 +08:00
    发现youku m3u8格式有转码视频走错门的现象。 mp4格式没问题。
    MartianZ
        24
    MartianZ  
       2012-03-17 22:09:34 +08:00
    @zythum bilibili上的话,貌似都用的sina,好像有什么办法能防止二压还是怎么的。
    skydiver
        25
    skydiver  
       2012-03-17 22:13:43 +08:00
    @zythum 但是怎么让它点击的时候不是打开而是运行呢?
    zythum
        26
    zythum  
    OP
       2012-03-17 22:20:52 +08:00   1
    @skydiver 朱一用chrome试过啊。没问题啊。

    这个bookmark对chrome支持不好,还是用safari。
    chrome没法播放m3u8格式的video文件。
    skydiver
        27
    skydiver  
       2012-03-17 22:24:28 +08:00
    @zythum 好吧,可能是Windows版的处理方式不同
    zythum
        28
    zythum  
    OP
       2012-03-17 22:27:31 +08:00
    @skydiver 应该不是把,你试着把这个bookmark打开,

    把原来的Javascript: ...

    改成Javascript: viod( ... );

    试试,

    应该不会直接给你js文件的, 你可以尝试看看你是不是装了什么插件。之类的。
    zythum
        29
    zythum  
    OP
       2012-03-17 22:30:58 +08:00
    还有就是如果想作为userscript的话之间把git的源码搞下来。自己做个user-script的头就可以了。
    git上的土豆和优酷的文件是分开的。
    gowinder
        30
    gowinder  
       2012-03-17 22:33:38 +08:00
    要是可以在wp7的ie上用就好了。
    shidianxia
        31
    shidianxia  
       2012-03-17 22:40:02 +08:00
    @zythum 朱一童鞋做个chrome插件吧~~~~万分感谢啊,还在用老酷睿2笔记本的童鞋表示flash在windows下也不是省油的灯,而且似乎使用html5的话,暂时土豆和优酷都没广告
    zythum
        32
    zythum  
    OP
       2012-03-17 22:48:38 +08:00
    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
        33
    zythum  
    OP
       2012-03-17 22:54:02 +08:00
    @shidianxia 尝试发现在win下的遨游3可以播放优酷的mp4格式。不用跳转。
    感觉应该chrome也可以。求win的chrome用户尝试一下。
    kavi
        34
    kavi  
       2012-03-17 23:00:32 +08:00
    太赞了,要是有个关灯功能更好了!!
    liuhang0077
        35
    liuhang0077  
       2012-03-17 23:05:14 +08:00
    多谢很好用~~ 要是能做成safari插件就更好了~
    zythum
        36
    zythum  
    OP
       2012-03-17 23:25:48 +08:00   1
    其实这个和safari插件的效果是类似的,就不做成插件的。
    如果像每次自动运行的话可以下个忍者脚本。然后把这段作为userscript加载进去,
    源码github上有传。

    @kavi 已经做了白色的透明遮罩,并且可以点击穿透了。
    你是想要黑色的遮罩么?
    zythum
        37
    zythum  
    OP
       2012-03-17 23:30:36 +08:00
    @liuhang0077 突然发现貌似把js文件做成user-script是不行的。因为需要一个源js环境的一个变量。
    你可以把bookmark的代码把Javascript: 去掉作为userscript
    zythum
        38
    zythum  
    OP
       2012-03-17 23:46:39 +08:00
    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
        39
    cutehalo  
       2012-03-17 23:57:29 +08:00
    直接用 http://labs.3g.youku.com/ipad/ 这个也可以
    killpanda
        40
    killpanda  
       2012-03-18 00:21:29 +08:00
    http://d.pr/1ysG
    改了下CSS
    zythum
        41
    zythum  
    OP
       2012-03-18 00:23:43 +08:00
    @cutehalo
    其实我去优酷土豆是很有针对性的。
    比如乔老师每天2发,然后小满撒神09,没事plu。然后动漫一直追。
    优酷哪个实验室项目以前有看过,但是不符合朱一的习惯。
    所以做了这个。

    其实感觉优酷怎么做视频分类感觉还是没有实际大的效果的。
    目前感觉基于人际关系的推送以及订阅这方面的加强更为重要一些。
    zythum
        42
    zythum  
    OP
       2012-03-18 00:24:29 +08:00
    @killpanda github上有看到。你手挺快的。
    cutehalo
        43
    cutehalo  
       2012-03-18 00:37:48 +08:00
    @zythum 看视频从来都是AB站。。。就算youkutudou看了的 也得到AB站看一遍弹幕吐槽版啊
    -________-''
    skydiver
        44
    skydiver  
       2012-03-18 00:49:50 +08:00
    @zythum 呃,果然是插件的问题。这个插件把链接直接替换成js的url了……关掉就好了……现在chrome可以播放mp4了
    laskuma
        45
    laskuma  
       2012-03-18 01:11:44 +08:00
    神人!!!准备开源不!!
    zythum
        46
    zythum  
    OP
       2012-03-18 01:21:42 +08:00
    @laskuma 源码在github上。 其实很简单,只是猜url.
    上面有链接。
    @skydiver 神级插件。
    laskuma
        47
    laskuma  
       2012-03-18 01:25:29 +08:00
    @zythum 哈哈谦虚了
    yyfearth
        48
    yyfearth  
       2012-03-18 04:47:31 +08:00 via iPad
    @zythum 现在解脱了,直接用ipad看就好了
    tuoxie007
        49
    tuoxie007  
       2012-03-18 13:28:50 +08:00
    safari 开 developer 模式,user agent 用 ipad 的或者 iphone 的就可以了呀。
    +1
    zhuzhuor
        50
    zhuzhuor  
       2012-03-18 14:34:34 +08:00
    给chrome直接改useragent貌似不行,见图(顺带试试贴图)

    貌似html5先出来,然后flash再出来,然后两个都不能播了.....
    估计还是得用楼主的办法,期待能写个chrome的插件出来
    zythum
        51
    zythum  
    OP
       2012-03-18 14:54:47 +08:00
    @tuoxie007 每次这么切是很不方便的。
    现在朱一是自己把这个bookmark写在油猴子里了,每次youku,tudou自动加载。
    油猴脚本上面回复里有贴。

    @zhuzhuor chrome不支持m3u8的编码格式。感觉应该和chrome不再支持H.263有关
    magicxqh
        52
    magicxqh  
       2012-03-18 15:12:22 +08:00
    朱一,偶像!mua~
    kavi
        53
    kavi  
       2012-03-18 15:51:37 +08:00
    @zythum 是啊,黑色的,就和youtube里面的关灯一样,个人觉得效果会好许多。楼主加油!!!
    ldcr99
        54
    ldcr99  
       2012-03-18 16:58:32 +08:00
    可是...可是 FF就这样被抛弃了吗? (掀桌>_<
    kojp
        55
    kojp  
       2012-03-18 17:03:41 +08:00
    福利帝!!! 强烈支持~~~mua~
    flytwokites
        56
    flytwokites  
       2012-03-18 17:17:16 +08:00
    m3u8的url我用一些播放器打开,放起来一停一停的,因为一小段就几秒,在放前一段时似乎没有预加载下一段导致中间有停顿的时间。有什么播放器可以做到比较流的播放的?
    zythum
        57
    zythum  
    OP
       2012-03-18 17:28:35 +08:00
    @ldcr99 这个没办法。你可以致电youku和tudou的客服美眉
    @flytwokites itunes貌似可以。
    然后就是土豆的比优酷的流程
    humiaozuzu
        58
    humiaozuzu  
       2012-03-18 17:43:53 +08:00
    看来仅仅是mba发热了,我的mbp的cpu占用率很低而且不发热呢
    flytwokites
        59
    flytwokites  
       2012-03-18 17:45:47 +08:00
    @zythum 还是QQ视频给力,我刚才是想看龙门飞甲,发现只有QQ视频有单个文件的高清MP4。优酷的mp4很不清晰。
    zythum
        60
    zythum  
    OP
       2012-03-18 17:51:23 +08:00
    @humiaozuzu 真的看flash不热么.

    @flytwokites youku的flash真心不给力
    zythum
        61
    zythum  
    OP
       2012-03-18 18:29:09 +08:00
    修复土豆的一个bug
    humiaozuzu
        62
    humiaozuzu  
       2012-03-18 19:34:28 +08:00
    @zythum 我的真心不热。。。 昨天夏娜和妖精尾巴就是
    myrual
        63
    myrual  
       2012-03-18 21:31:09 +08:00
    替我的mba的风扇感谢lz。真心觉得好。
    hitbastank
        64
    hitbastank  
       2012-03-22 15:30:58 +08:00
    赞一个!我妈这回开心了!
    yanwen
        65
    yanwen  
       2012-03-22 16:03:26 +08:00
    登录不到你博客。。。。。诺顿的DNS拦截了。
    http://safeweb.norton.com/report/show?url=zythum.free.bg
    zythum
        66
    zythum  
    OP
       2012-03-22 16:33:05 +08:00
    @yanwen 个人页是是个free.bg免费的二级域名。有点当年co.cc的待遇了。。额
    Aether
        67
    Aether  
       2012-03-31 18:53:46 +08:00
    firefox下面说视频格式不支持,我该怎么办?
    zhaoyafei
        68
    zhaoyafei  
       2012-03-31 20:03:42 +08:00
    @zythum 朱一是个大牛
    zythum
        69
    zythum  
    OP
       2012-03-31 21:03:29 +08:00
    @Aether 这东西只是为了air看视频不热。
    ff是开源软件。不能播放mp4或者m3u8这样的格式。请使用safari.
    zythum
        70
    zythum  
    OP
       2012-03-31 21:04:25 +08:00
    @zhaoyafei 朱一不是大牛。
    jaylong
        71
    jaylong  
       2012-04-01 11:18:05 +08:00
    楼主赶紧上土豆的啊 好用啊
    jaylong
        72
    jaylong  
       2012-04-01 11:20:17 +08:00
    @jaylong sorry 貌似已经支持土豆了 谢谢
    xoosye
        73
    xoosye  
       2012-04-01 11:40:15 +08:00
    @zythum 你戳中了要!
    gDD
        74
    gDD  
       2012-04-02 19:07:29 +08:00 via iPod
    应该是coded by zy...
    zythum
        75
    zythum  
    OP
       2012-04-06 12:59:52 +08:00
    修改。 youku花屏问题。
    deanguqiang
        76
    deanguqiang  
       2012-04-06 13:54:59 +08:00
    不能全屏吗?win+chrome
    zythum
        77
    zythum  
    OP
       2012-04-06 13:59:43 +08:00
    这个真的不适用chrome用户。那个mp4的画质太渣了。
    deanguqiang
        78
    deanguqiang  
       2012-04-06 14:10:13 +08:00
    @zythum 我主要是比较习惯全屏看。。
    eric_zyh
        79
    eric_zyh  
       2012-04-06 14:14:06 +08:00
    muzuiget
        80
    muzuiget  
       2012-04-06 15:36:23 +08:00
    转换A/B站的字幕,我写了个工具 http://www.v2ex.com/t/31527
    Ken_Adams
        81
    Ken_Adams  
       2012-04-06 20:46:41 +08:00
    用了一段时间了,感觉相当棒!以前我也是开 Developer 模式选 user agent 的,现在就用这个 bookmark 了,很方便
    oseau
        82
    oseau  
       2012-04-18 16:02:16 +08:00
    @zythum 哈哈 小满萨神凯导牛蛙~ 欢乐~ 非常实用! 多谢!
    itommy
        83
    itommy  
       2012-04-28 21:42:30 +08:00
    太酷了! 有没有 搜狐 的呢?
    yyfearth
        84
    yyfearth  
       2012-04-29 06:29:00 +08:00
    @zythum 朱一不是大牛,是小牛撒 (顺便测试一下我的userscript)
    franksin
        85
    franksin  
       2012-04-29 10:44:35 +08:00
    上班的时候偷偷做的 ~ 哈哈。。。给力插件 .
    zhangsanren
        86
    zhangsanren  
       2012-05-07 01:18:56 +08:00
    @lepture 你好牛!TAT
    zzNucker
        87
    zzNucker  
       2012-05-13 19:48:38 +08:00
    朱一大萌神 被推荐到 HTML5研究小组 的微博了哟
    wudoo59
        88
    wudoo59  
       2012-05-13 19:51:01 +08:00
    朱一大萌神 帅气啊。哈哈。。每个作品都萌死了。
    weiking
        89
    weiking  
       2012-05-13 22:14:43 +08:00   1
    mac safari下,再设置里面有个开发模式,用户代理设置为ipad,iphone,即可把视频网站直接转为html5方式浏览。
    percent5
        90
    percent5  
       2012-05-20 00:55:56 +08:00
    user agent的方式虽然是万能的,不过如果计算点击数的话,还是LZ这个好用。
    ps:如果是其他网站的在线视频也有办法这么做吗?
    其实我关心的是,有没有这种一招鲜的办法能让浏览器切换到html5的模式,可能这种方式和切换useragent的方式一样,切换html5 mba立马就吵了。
    ipconfiger
        91
    ipconfiger  
       2012-10-07 21:37:18 +08:00
    貌似不行也
    zythum
        92
    zythum  
    OP
       2012-10-07 23:12:14 +08:00
    @ipconfiger 为啥不行?
    Hala
        93
    Hala  
       2013-01-15 15:39:13 +08:00
    谢谢朱一!
    Pactzhao
        94
    Pactzhao  
       2013-03-13 20:39:35 +08:00
    能否搞个搜狐的?搜狐上很多美剧的,别的地方都没有
    Pactzhao
        95
    Pactzhao  
       2013-03-13 20:41:06 +08:00
    看到支持搜狐了,好棒啊
    lukic
        96
    lukic  
       2013-04-27 09:44:14 +08:00
    能否支持奇艺啊?
    zythum
        97
    zythum  
    OP
       2013-04-27 10:03:41 +08:00
    @lukic 原来支持。这几天有变故。过几天会支持。
    endergao
        98
    endergao  
       2014-05-05 23:47:52 +08:00
    快1年木有更新啦~~
    zythum
        99
    zythum  
    OP
       2014-05-07 12:54:55 +08:00   1
    @endergao 有断断续续改动的。 只是你没发现。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1293 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 53ms UTC 23:46 PVG 07:46 LAX 16:46 JFK 19:46
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86