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

做了个看世界杯直播的网页,没有广告,不用安装,简简单单看直播

  •  3
     
  •   stitch18 ·
    IUpdatable · 2018-06-14 17:37:19 +08:00 · 12954 次点击
    这是一个创建于 2352 天前的主题,其中的信息可能已经有所发展或是发生改变。

    网上找了几个直播源( m3u8 ),简单做了一个世界杯直播的网页,没有广告,不用安装,简简单单看直播,喜欢就请 Star,同时欢迎补充更多直播源。

    在线直播地址: https://closetao.github.io/TVLive/

    项目地址:https://github.com/closetao/TVLive

    第 1 条附言  ·  2018-06-15 11:20:12 +08:00

    几个蓝光和超清的直播源,网页上放了播放不了就放这里吧,以下链接需要使用专用播放器或插件打开。

    • 播放器或插件推荐:
    • VLC Media Player:开源播放器,全平台支持
    • chrome 插件 Native HLS Playback
    • potplayer
    • 直播源地址(2018-06-15测试可用):
    • CCTV-1 超清: http://223.110.241.204:6610/gitv/live1/G_CCTV-1-HQ/G_CCTV-1-HQ/
    • CCTV-5 超清: http://223.110.241.204:6610/gitv/live1/G_CCTV-5-HQ/G_CCTV-5-HQ/
    • CCTV-5+超清: http://223.110.241.204:6610/gitv/live1/G_CCTV-5PLUS-HQ/G_CCTV-5PLUS-HQ/
    • CCTV-1 蓝光: http://223.110.241.204:6610/gitv/live1/G_CCTV-1-CQ/G_CCTV-1-CQ/
    • CCTV-5 蓝光: http://223.110.241.204:6610/gitv/live1/G_CCTV-5-CQ/G_CCTV-5-CQ/
    • CCTV-5+蓝光: http://223.110.241.204:6610/gitv/live1/G_CCTV-5PLUS-CQ/G_CCTV-5PLUS-CQ/
    45 条回复    2018-06-26 10:11:15 +08:00
    EvilCult
        1
    EvilCult  
       2018-06-14 18:12:10 +08:00
    想法真挺好的.
    但是桌面端打开提示播放需要 flash 是不是有点........
    xuyl
        2
    xuyl  
       2018-06-14 18:51:39 +08:00   ❤️ 1
    有个 chrome 插件叫 Native HLS Playback 可以直接播放 m3u8 源
    20150517
        3
    20150517  
       2018-06-14 18:51:39 +08:00 via Android
    视频源哪来的?看了半天没找到你源代码的视频源。。。
    moack
        4
    moack  
       2018-06-14 19:01:22 +08:00   ❤️ 1
    @20150517
    http://183.207.249.15/PLTV/3/224/3221225604/index.m3u8
    videourl = "http://183.207.249.7/PLTV/3/224/3221225604/index.m3u8";
    $('#curChannel').text("CCTV-5+体育赛事高清[信号源 0]");
    break;
    case "11":
    videourl = "http://111.20.33.69/PLTV/88888888/224/3221225761/index.m3u8";
    $('#curChannel').text("CCTV-5+体育赛事高清[信号源 1]");
    break;
    case "2":
    videourl = "http://183.207.249.15/PLTV/3/224/3221225604/index.m3u8";
    $('#curChannel').text("CCTV5+-HD");
    break;
    case "3":
    videourl = "http://183.207.249.15/PLTV/3/224/3221225680/index.m3u8";
    $('#curChannel').text("CCTV1-HD");
    break;
    case "4":
    videourl = "http://183.207.249.15/PLTV/3/224/3221225530/index.m3u8";
    $('#curChannel').text("CCTV1-综合");
    break;
    JohnChiu
        5
    JohnChiu  
       2018-06-14 19:18:52 +08:00 via iPhone
    不错~
    Love4Taylor
        6
    Love4Taylor  
       2018-06-14 19:21:02 +08:00
    用 DPlayer 不好么....
    husldlq
        7
    husldlq  
       2018-06-14 19:37:42 +08:00 via Android
    不错,感谢
    heiyutian
        8
    heiyutian  
       2018-06-14 19:43:20 +08:00 via Android
    好棒,感谢分享,另外大家可以安装插件,直接调用 potplayer 播放
    AASW2ss
        9
    AASW2ss  
       2018-06-14 19:52:04 +08:00 via Android
    @heiyutian 求插件
    brtobj
        10
    brtobj  
       2018-06-14 20:05:59 +08:00
    @JohnChiu 谢谢
    Zeonjl
        11
    Zeonjl  
       2018-06-14 20:09:05 +08:00 via Android
    大赞
    brtobj
        12
    brtobj  
       2018-06-14 20:11:46 +08:00
    @brt7obj
    请问人情味
    brtobj
        14
    brtobj  
       2018-06-14 20:13:46 +08:00
    @brtobj 不客气
    stitch18
        15
    stitch18  
    OP
       2018-06-14 20:15:33 +08:00
    @EvilCult Flash 还是挺常用的吧
    stitch18
        16
    stitch18  
    OP
       2018-06-14 20:18:35 +08:00
    @xuyl
    @Love4Taylor
    @heiyutian
    同意各位观点,我是直接用的 VLC,刚本地用 VLC 测试可以播放的视频源,提交到网页版就不行了。
    en20
        17
    en20  
       2018-06-14 20:33:48 +08:00 via Android
    怎么没人讨论版权了
    heiyutian
        18
    heiyutian  
       2018-06-14 20:39:21 +08:00
    @AASW2ss
    @EchoChan
    这个行的,右键调用。
    rinex20
        19
    rinex20  
       2018-06-14 20:51:07 +08:00 via Android
    感谢楼主
    cocang
        20
    cocang  
       2018-06-14 21:07:34 +08:00   ❤️ 1
    http://223.110.243.155:80/PLTV/3/224/3221227166/index.m3u8
    rtsp://113.136.42.39:554/PLTV/88888888/224/3221226039/10000100000000060000000001598747_0.smil
    电信
    rtsp://123.147.113.84:554/04000001/01000000004000000000000000000304?AuthInfo=xxx&userid=
    rtsp://10.15.248.21:554/PLTV/88888888/224/0/3221226123/iptv67445.smil
    rtsp://10.15.248.5/PLTV/88888888/224/0/3221226123/iptv67445.smil
    联通

    CCTV 5 直接 potplayer 打开 看看自己宽带适合哪个吧
    LucasW
        21
    LucasW  
       2018-06-14 21:16:09 +08:00
    就差弹幕了
    blackbbc
        22
    blackbbc  
       2018-06-14 21:17:09 +08:00
    希望加入弹幕功能
    stitch18
        23
    stitch18  
    OP
       2018-06-14 21:43:03 +08:00   ❤️ 1
    放几个蓝光和超清的直播源吧,网页上放了播放不了,以下链接需要使用专用播放器或插件打开,推荐有:
    * VLC Media Player
    * chrome 插件 Native HLS Playback
    * potplayer

    CCTV-1 超清: http://223.110.241.204:6610/gitv/live1/G_CCTV-1-HQ/G_CCTV-1-HQ/
    CCTV-5 超清: http://223.110.241.204:6610/gitv/live1/G_CCTV-5-HQ/G_CCTV-5-HQ/
    CCTV-5+超清: http://223.110.241.204:6610/gitv/live1/G_CCTV-5PLUS-HQ/G_CCTV-5PLUS-HQ/

    CCTV-1 蓝光: http://223.110.241.204:6610/gitv/live1/G_CCTV-1-CQ/G_CCTV-1-CQ/
    CCTV-5 蓝光: http://223.110.241.204:6610/gitv/live1/G_CCTV-5-CQ/G_CCTV-5-CQ/
    CCTV-5+蓝光: http://223.110.241.204:6610/gitv/live1/G_CCTV-5PLUS-CQ/G_CCTV-5PLUS-CQ/
    stitch18
        24
    stitch18  
    OP
       2018-06-14 22:01:33 +08:00
    @LucasW
    @blackbbc

    顺手做的一个小东西,再加上有版权问题,功能上也就先这样吧。
    jeffw
        25
    jeffw  
       2018-06-14 22:08:48 +08:00 via iPhone
    凉了吗?提示由于版权原因……
    stitch18
        26
    stitch18  
    OP
       2018-06-14 22:24:31 +08:00
    @jeffw 哈哈,我表述不清,应该说是侵犯了他人版权吧,这里的他人可能也就是 CCTV 吧。用是一样用的,不会出现出现你说的那种情况的。
    heiyutian
        27
    heiyutian  
       2018-06-14 22:30:56 +08:00
    @stitch18 咪咕源提示版权了
    shmilyin
        28
    shmilyin  
       2018-06-14 22:34:21 +08:00
    已经凉了 提示版权问题
    wvc
        29
    wvc  
       2018-06-14 22:38:23 +08:00 via Android
    竟然没人说版权问题,这很不 v2 啊……
    christoperlee
        30
    christoperlee  
       2018-06-14 22:52:23 +08:00   ❤️ 1
    @wvc #29 想一想版权诞生的目的,什么时候应该捍卫版权?会不会有一些时候版权是 evil 的存在?
    zqjilove
        31
    zqjilove  
       2018-06-14 23:10:30 +08:00
    已经凉了 提示版权问题
    ouqihang
        32
    ouqihang  
       2018-06-14 23:36:25 +08:00
    试了很多源,都提示版权原因。
    cattrace
        33
    cattrace  
       2018-06-15 09:03:43 +08:00
    不错不错
    CrownLeo
        34
    CrownLeo  
       2018-06-15 10:39:17 +08:00 via Android
    楼主考虑下直接在代码中使用 hls.min.js ?
    可以不用借助于插件之类的,在网页中直接播放 m3u8 格式的视频源
    yangyang
        35
    yangyang  
       2018-06-15 10:47:24 +08:00
    @stitch18 你这个是江苏南京移动的源,我也是江苏移动,效果非常好。能不能把别的频道整理一下?造福一下别的移动用户,谢谢。
    stitch18
        36
    stitch18  
    OP
       2018-06-15 11:02:17 +08:00
    @CrownLeo 好的,感谢推荐,我了解下。
    stitch18
        37
    stitch18  
    OP
       2018-06-15 11:08:23 +08:00
    @yangyang 视频源可遇不可求。而且因为我在国外,测试的时候有些视频源速度比较慢我就忽略了,但对于和该视频源处于同一地区的人群来说可能就很快,这种情况就比较尴尬。
    stitch18
        38
    stitch18  
    OP
       2018-06-15 17:40:07 +08:00
    @CrownLeo 使用 hls.js 是有问题的,域名是 HTTPS 的,直播源是 HTTP 的,此时浏览器会屏蔽 HTTP 的请求,导致无法播放,但使用 Ckplayer 虽然也会有报警,却能把正常播放。
    Damaidaner
        39
    Damaidaner  
       2018-06-15 17:51:32 +08:00
    战略性 mark2
    CrownLeo
        40
    CrownLeo  
       2018-06-15 18:48:20 +08:00 via Android
    @stitch18 这种情况我还没有了解过😂,只是自己在业务中实现过这个需求,如果时间允许的话我去研究下你的代码看下具体的情况再说
    superares
        41
    superares  
       2018-06-16 07:40:28 +08:00 via iPhone
    战略性 mark
    LeungJZ
        42
    LeungJZ  
       2018-06-17 21:27:44 +08:00 via iPhone
    @wvc 世界杯过了就自然有 v2er 跳出来讨伐。
    qian88199496
        43
    qian88199496  
       2018-06-19 14:32:05 +08:00
    战略性 mark
    wssy921
        44
    wssy921  
       2018-06-25 15:25:20 +08:00
    请问楼主是通过什么渠道和方法获取到直播流地址的。比如说获取 iptv 的直播流?
    stitch18
        45
    stitch18  
    OP
       2018-06-26 10:11:15 +08:00
    Google 搜索类似关键词“ m3u8 直播源”,将搜索时间限定在最近一段时间即可。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   960 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:38 · PVG 05:38 · LAX 13:38 · JFK 16:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.