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

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

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

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