V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zythum
V2EX  ›  分享创造

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

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



    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   ·   实用小工具   ·   2281 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 05:38 · PVG 13:38 · LAX 21:38 · JFK 00:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.