为播客而生的 html5 播放器(?) - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
jessuni
V2EX    分享创造

为播客而生的 html5 播放器(?)

  •  5
     
  •   jessuni 2019-08-03 13:04:30 +08:00 6909 次点击
    这是一个创建于 2311 天前的主题,其中的信息可能已经有所发展或是发生改变。

    shikwasa

    ……这年头有谁用网页听播客?(") 」听到我做了个给播客网站用的播放器,老杨嫌弃地皱眉。

    播客的收听场景似乎和网页没有什么关系:

    • 音频文件耗流量,在非 Wi-Fi 环境下收听很可能需要离线;

    • 订阅属性决定了节目的追随者们会持续接收这个节目的更新;

    • 这个世界已经充满了各种好用的泛用型播客客户端;

    这个时候,诞生了一个竟敢自称「为播客而生」的 web 播放器,是有人闲得蛋疼制造代码垃圾来了嘛!_ (:з」∠) _

    却也总有这样的时候: 在网上闲逛看到别人推荐了一款播客节目,还不确定值不值得贡献自己的时间把它订阅下来。到了人家官网随便点开一期,文内配了个 html5 原生的播放器,或者好一点,某个音乐播放器。可是节目的信息密度不够高,想要 1.2 倍、1.5 倍速收听,门都没有。

    那拖动进度条总可以了吧,一期一个多小时的节目可不是 5 分钟的音乐,随便一拖就不小心过了十几分钟。心累。还要打开自己常用的播客 app,搜索一下节目,点开来听才舒服?才不舒服呢。

    路径这么深,流失率太容易飙升:)好的内容不值得就如此埋没。

    所以就诞生了这么一款轻量的播放器,由满腹牢骚的播客爱好者(嗯,是老朽本人)稍微做了些播客友好的定制。想倍速收听,想快进快退,倍儿方便了。在播客网站里探险时不用再忍受那些音乐播放器啦啦啦!呃,前提是,得有网站肯用啊。

    退一万步说,至少它不太难看、不太简陋,虽然撑不起门面,但不拖后腿还是做得到的。

    退两万步说,就算真的没人用,发出来请大大们指教一下,也还是会有收获的!作为 JS 萌新做的第一个用爱发电的作品,还请大家轻拍。几个月前开始学习 JS,第一次自己写组件配置 bundler (容我在此苦笑一下),肯定还有很多不足。反正这里这么多大神火眼金睛,我不说也是会被发现的,不如先说出来。

    demo 在此: https://jessuni.github.io/shikwasa/

    第 1 条附言    2019-08-03 14:41:44 +08:00

    项目的 github 地址在 这里,欢迎大家来点个星星支持

    35 条回复    2019-08-26 08:47:26 +08:00
    a570295535
        1
    a570295535  
       2019-08-03 13:25:04 +08:00 via Android
    收藏一波...
    ipadpro4k
        2
    ipadpro4k  
       2019-08-03 13:31:37 +08:00 via iPhone
    good
    Ettup
        3
    Ettup  
       2019-08-03 13:56:47 +08:00 via iPhone
    typlog ?
    jessuni
        4
    jessuni  
    OP
       2019-08-03 13:57:43 +08:00
    @a570295535 蟹蟹~()
    jessuni
        5
    jessuni  
    OP
       2019-08-03 13:58:14 +08:00
    @Ettup 嗯嗯?莫非被你发现什么了?
    realkenshinji
        6
    realkenshinji  
       2019-08-03 14:05:53 +08:00 via iPhone
    楼主也是博客爱好者?
    jessuni
        7
    jessuni  
    OP
       2019-08-03 14:27:39 +08:00
    @realkenshinji 博客还好,今年才重新捡起来偶尔写写。播客听了蛮多年的,莫非要开始歪楼分享播客了?
    ArchiTech
        8
    ArchiTech  
       2019-08-03 14:45:46 +08:00
    真是优秀,博客也好看!
    Ettup
        9
    Ettup  
       2019-08-03 15:38:16 +08:00 via iPhone
    @jessuni 在 lepture 那里看到过
    635614874
        10
    635614874  
       2019-08-03 17:27:08 +08:00
    那么我如何换另一个播客听呢
    xrr2016
        11
    xrr2016  
       2019-08-03 18:30:46 +08:00 via Android
    赞一个
    sevenQu
        12
    sevenQu  
       2019-08-03 21:12:20 +08:00 via Android
    很好看的 UI,顶
    jessuni
        13
    jessuni  
    OP
       2019-08-03 21:32:29 +08:00 via iPhone
    @635614874 啊,可能有清楚。不是用管理或收多播客的,情使用泛用型播客 app 方便得多呀。定位更偏向播客站,或播客管服提供的 web 收播放器。使用面窄很多,但用音播放器之替代不合理。
    jessuni
        14
    jessuni  
    OP
       2019-08-03 21:36:10 +08:00 via iPhone
    @sevenQu 嗷嗷,你看得起~
    jessuni
        15
    jessuni  
    OP
       2019-08-03 22:34:23 +08:00 via iPhone
    @Ettup 不好意思好奇地翻了一下座握爪! typlog 用握爪!
    zacfire
        16
    zacfire  
       2019-08-03 22:54:22 +08:00
    期待呀~最近想找人一起做个播客社区。ps:我不会写代码
    realkenshinji
        17
    realkenshinji  
       2019-08-04 10:02:58 +08:00 via iPhone
    @zacfire 我也有这个想法呢
    realkenshinji
        18
    realkenshinji  
       2019-08-04 10:04:17 +08:00 via iPhone
    @jessuni 是啊是啊,要不要加个 wx 交流交流
    jessuni
        19
    jessuni  
    OP
       2019-08-04 10:17:32 +08:00 via iPhone
    @realkenshinji @zacfire 你可以了!不用 XD
    需要音件的候可以回逛逛本帖
    zhangchao12cn
        20
    zhangchao12cn  
       2019-08-04 13:02:19 +08:00 via iPhone
    现在有项目做针对播客的音频转文字识别吗?
    gaigechunfeng
        21
    gaigechunfeng  
       2019-08-04 16:20:53 +08:00
    马克党先星了再说。
    jessuni
        22
    jessuni  
    OP
       2019-08-04 17:07:50 +08:00
    @gaigechunfeng 谢谢!我看到了。新人战战兢兢,每加一颗星星都超激动 (`*)
    strugglexiang
        23
    strugglexiang  
       2019-08-05 16:58:06 +08:00
    lepture
        24
    lepture  
       2019-08-06 15:04:08 +08:00
    @Ettup 目前 Typlog 有用,用在 Twitter Card 这里,比如: https://twitter.com/typlog/status/1156198741507891201
    bonfy
        25
    bonfy  
       2019-08-06 16:04:43 +08:00
    来晚了 刚看到 lepture 的推荐
    feehey
        26
    feehey  
       2019-08-06 16:37:59 +08:00
    ppen522
        27
    ppen522  
       2019-08-07 13:10:07 +08:00
    很不错的一个 option player podcast 的资源还是有些用
    jerry12547
        28
    jerry12547  
       2019-08-07 14:38:04 +08:00
    那么问题来了 大佬们平常听啥播客
    jessuni
        29
    jessuni  
    OP
       2019-08-08 13:32:04 +08:00
    @ppen522 蟹蟹!> v<
    jessuni
        30
    jessuni  
    OP
       2019-08-08 14:18:41 +08:00
    @jerry12547 不是大佬,平时听的可能跟大家重叠不是很多……

    - 国内:
    - 新闻酸菜馆

    2013 年开始听播客时第一个订阅的节目,一直坚持听到现在,包括会员节目。主持人一个感性思维一个理性思维,口条水平自认为算蛮高的,习惯了听了他们的播客,很多其他中文播客会听不下去。男主持王掌柜偶尔开黄腔,但一点不妨碍我偷偷暗恋他

    - WBUR + 纽约时报:
    - Modern Love
    - Dear Sugar

    都是属于情感类的。Modern Love 每期讲一个关于爱的小故事,能够反复让自己相信人类还是有救的。Dear Sugar 就是知心姐姐解答,少数情况下能解到自己的惑,多数情况下只能意识到「这个世界上还有这么多人面临这么艰难的选择,我已经很幸运了」。但是由于听不过来,已经取消订阅了。

    - NPR 系
    - Pop Culture Happy Hour
    - Hidden Brain

    Hidden Brain 是心理学节目。主持人带着一点咖喱味的幽默,是我偶像 > <

    - 其他
    - ATP
    - The Talkshow with John Gruber
    - 99% Invisible
    - This American Life
    - Serial

    都是人人皆知的播客了。
    ariza
        31
    ariza  
       2019-08-10 14:37:31 +08:00
    李如一推荐
    ash0stormer
        32
    ash0stormer  
       2019-08-14 17:39:01 +08:00
    已加星星,早点 typelog 用上,我经常网页听播客的说,专门注册来支持啦~

    最后,祝你们幸福哦
    ash0stormer
        33
    ash0stormer  
       2019-08-14 17:41:22 +08:00
    啊原来 Typlog 已经上了,没注意到男主角~
    jessuni
        34
    jessuni  
    OP
       2019-08-26 08:41:39 +08:00 via iPhone
    @ash0stormer 哈哈哈哈什鬼,都能被
    jessuni
        35
    jessuni  
    OP
       2019-08-26 08:47:26 +08:00 via iPhone
    @ariza ?是指推 typlog 是播放器?求送
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     839 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 37ms UTC 22:26 PVG 06:26 LAX 14:26 JFK 17:26
    Do have faith in what you're doing.
    ubao msn 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