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

「偷揉 FM v7」- 可发弹幕的极简二次元在线(个人)电台。 (●'◡'●)ノ♥

  •  9
     
  •   wsph123 ·
    itorr · 2014-12-06 22:38:16 +08:00 · 13549 次点击
    这是一个创建于 3645 天前的主题,其中的信息可能已经有所发展或是发生改变。

    「偷揉电台」是一个可发弹幕的极简二次元在线(个人)电台。

      http://itorr.sinaapp.com/fm/

    电台从2012年开始,实验室至今,目前版本号「7」,大体上是我的个人喜好OwQ(所以是个人)

    因为坑在自己手上的东西很多,所以虽然偶尔尝试更换了独立域名,但还是一直以SAE的域名为主。

    每次更新都会有较大(UI)改动~

    v7更新

    1. 增加用户系统;
    2. 标红心;
    3. 极速搜索;
    4. 频道切换; …

    v7优化

    1. 动态歌词功能增强;
    2. 进度条功能增强;
    3. 手机浏览器适配增强。

    不完善的地方依旧很多,欢迎问题反馈>_<

    109 条回复    2017-05-30 18:51:55 +08:00
    1  2  
    soruNis
        1
    soruNis  
       2014-12-06 22:51:49 +08:00
    歌挺好听的
    Mashiro
        2
    Mashiro  
       2014-12-06 22:52:52 +08:00
    波波口!
    maweihao999
        3
    maweihao999  
       2014-12-06 22:56:31 +08:00
    Nice!不过在我这里听声音超大啊
    wsph123
        4
    wsph123  
    OP
       2014-12-06 22:58:02 +08:00
    @soruNis 嘿嘿嘿OwQ
    @Mashiro >_<!!!
    @maweihao999 鼠标滚轮可以调整音量OwQ
    fwee
        5
    fwee  
       2014-12-06 22:59:59 +08:00
    scarlex
        6
    scarlex  
       2014-12-06 23:07:03 +08:00   ❤️ 1
    搜索是一次keyup事件就发一次请求?

    var t;
    clearTimeout(t)
    t = setTimeout(function () {
    ----search
    }, 500);

    这样好点吧
    wsph123
        7
    wsph123  
    OP
       2014-12-06 23:07:22 +08:00
    @fwee >///<
    ffts
        8
    ffts  
       2014-12-06 23:09:26 +08:00
    赞,感觉不错!原来电台还可以这么玩
    wsph123
        9
    wsph123  
    OP
       2014-12-06 23:10:06 +08:00
    @scarlex 现在不就是嘛~OwQ
    wsph123
        10
    wsph123  
    OP
       2014-12-06 23:10:20 +08:00
    @ffts 嘿嘿嘿OwQ!
    Saber
        11
    Saber  
       2014-12-06 23:22:15 +08:00
    楼主好有才,狂赞。。。
    CRight
        12
    CRight  
       2014-12-06 23:30:29 +08:00 via iPad
    满屏的渣诚啊...
    nn574204775
        13
    nn574204775  
       2014-12-06 23:34:31 +08:00
    好棒
    wenketel
        14
    wenketel  
       2014-12-06 23:35:13 +08:00
    一进去就是我喜欢的美丽之物
    wsph123
        15
    wsph123  
    OP
       2014-12-06 23:36:52 +08:00
    @Saber 谢谢OwQ
    @CRight 那是哪一首歌呢~?
    @nn574204775 嘿嘿嘿
    @wenketel OwQ
    niseter
        16
    niseter  
       2014-12-06 23:39:24 +08:00
    提个小建议,,貌似对android不友好,,没声音。。。
    Saber
        17
    Saber  
       2014-12-06 23:39:35 +08:00
    @wsph123 楼主会分享吗?
    zhaohai
        18
    zhaohai  
       2014-12-06 23:41:12 +08:00
    提供提供!!!!
    wsph123
        19
    wsph123  
    OP
       2014-12-06 23:42:57 +08:00
    @niseter a安卓一直没法调试,部分浏览器是可以的TAT
    @Saber 什么什么!
    @zhaohai 啊嘞!?
    qifei
        20
    qifei  
       2014-12-06 23:43:24 +08:00
    什么字体好漂亮
    Saber
        21
    Saber  
       2014-12-06 23:44:34 +08:00
    @wsph123 额。。。。。。。。
    wsph123
        22
    wsph123  
    OP
       2014-12-06 23:48:54 +08:00
    @qifei 除了windows是用的微软雅黑之外 其他情况都是浏览器默认字体OwQ
    scarlex
        23
    scarlex  
       2014-12-06 23:51:46 +08:00
    @wsph123 原来已经是了?我自己测的时候试了好几次都是一次keyup发一次请求,可能我输入慢了
    wenketel
        24
    wenketel  
       2014-12-06 23:52:30 +08:00
    @wsph123 OWQ是个什么表情,表示无法脑补("▔□▔)/。
    solupro
        25
    solupro  
       2014-12-06 23:56:30 +08:00   ❤️ 1
    赞,收藏收藏。不过MacBook发热挺大的
    wsph123
        26
    wsph123  
    OP
       2014-12-06 23:57:53 +08:00
    @scarlex
    感谢测试!!!

    嗯、是的>_< ,因为延迟时间比较短,是200ms

    相关部分代码是这样的


    在延迟响应键盘输入的同时,还会把之前未结束的请求结束掉(防止堵塞与响应速度的折中)OwQ
    wsph123
        27
    wsph123  
    OP
       2014-12-07 00:03:25 +08:00   ❤️ 1
    @wenketel
    是这样的OwQ
    wsph123
        28
    wsph123  
    OP
       2014-12-07 00:05:30 +08:00
    @solupro
    啊嘞,求具体环境信息!

    实测 旧RMBP15# 13年AIR13# 下
    Safari 毫无热量
    Chrome 下偶尔微热(弹幕过多时,极少 TAT
    wenketel
        29
    wenketel  
       2014-12-07 00:07:56 +08:00   ❤️ 1
    @wsph123 233333333333
    solupro
        30
    solupro  
       2014-12-07 00:09:58 +08:00
    @wsph123 2013rMBP 13 Chrome,确实弹幕多的时候温度比较高
    imgalaxy
        31
    imgalaxy  
       2014-12-07 00:14:30 +08:00
    @wsph123 把冬青黑体也加上嘛
    wsph123
        32
    wsph123  
    OP
       2014-12-07 00:20:34 +08:00
    @solupro
    感谢反馈>_<
    Chrome下的不是单一问题导致,不同子版本的Chrome下表现也非常不一致 这个问题估计会缓慢解决T^T
    Safari下类似问题很少发生
    wsph123
        33
    wsph123  
    OP
       2014-12-07 00:23:40 +08:00
    @imgalaxy 喏!
    solupro
        34
    solupro  
       2014-12-07 00:26:55 +08:00
    @wsph123 _(:D 」∠)_ 因为插件问题还不能愉快的转到Safari,暂时的解决方案是发笔记本从大腿转移到桌子上。
    wsph123
        35
    wsph123  
    OP
       2014-12-07 00:29:53 +08:00
    @solupro 哭晕T^T 当初在转移时一样很痛苦OAQ 但 痛要趁早 OwQ(真痛的话!
    nomaka
        36
    nomaka  
       2014-12-07 00:38:45 +08:00
    胡萝卜
    yuuki
        37
    yuuki  
       2014-12-07 00:45:04 +08:00
    白底黑字的弹幕背景太晃眼,建议黑底白字
    wsph123
        38
    wsph123  
    OP
       2014-12-07 01:23:02 +08:00 via iPhone
    @nomaka 大胖子!!
    @yuuki 考虑样式切换功能OwQ
    Earthman
        39
    Earthman  
       2014-12-07 02:24:17 +08:00
    不要自动播放啊,一打开吓死了
    Earthman
        40
    Earthman  
       2014-12-07 02:25:27 +08:00
    竟然不能调音量,啊啊啊啊啊啊啊啊
    AstroProfundis
        41
    AstroProfundis  
       2014-12-07 02:27:54 +08:00
    棒!
    wsph123
        42
    wsph123  
    OP
       2014-12-07 02:37:24 +08:00 via iPhone
    @Earthman
    本身是电台呀(・_・;
    滚轮可以控制音量
    wsph123
        43
    wsph123  
    OP
       2014-12-07 02:37:46 +08:00 via iPhone
    @AstroProfundis 嘿嘿嘿
    grzhan
        44
    grzhan  
       2014-12-07 04:12:46 +08:00
    感觉非常不错,希望能够继续完善:)
    rykka
        45
    rykka  
       2014-12-07 04:24:46 +08:00
    挺有意思。
    evlos
        46
    evlos  
       2014-12-07 04:30:46 +08:00
    @wsph123 一开始能否弄成音量从 0 渐变到 100% 呢,然后切换歌曲的时候也是
    Earthman
        47
    Earthman  
       2014-12-07 04:57:29 +08:00
    @Earthman pcx版Firefox,滚轮不能调音量
    firefoxer
        48
    firefoxer  
       2014-12-07 08:02:38 +08:00 via Android
    好评^ω^
    wsph123
        49
    wsph123  
    OP
       2014-12-07 09:46:28 +08:00 via iPhone   ❤️ 1
    @grzhan 谢谢~
    @rykka 嘿嘿
    @evlos Mark!
    @Earthman Mark!近日优化ff
    @firefoxer 嘿嘿嘿嘿
    molinxx
        50
    molinxx  
       2014-12-07 10:13:19 +08:00 via iPhone
    是否开源?
    zqhong
        51
    zqhong  
       2014-12-07 10:22:00 +08:00
    不能再喜欢了。。。
    Tink
        52
    Tink  
       2014-12-07 10:40:13 +08:00
    久石让好评。。。
    mjever
        53
    mjever  
       2014-12-07 10:56:25 +08:00
    歌曲不错~~
    wsph123
        54
    wsph123  
    OP
       2014-12-07 10:59:30 +08:00 via iPhone
    @molinxx 不会开源,php代码里很多其他项目的接口 OAQ
    @zqhong 嘿嘿嘿
    @Tink 有专门久石让的频道哟0w0
    wsph123
        55
    wsph123  
    OP
       2014-12-07 10:59:56 +08:00 via iPhone
    @mjever 谢谢OwQ
    lingoys
        56
    lingoys  
       2014-12-07 11:09:39 +08:00
    萌萌大卜卜
    wsph123
        57
    wsph123  
    OP
       2014-12-07 11:18:59 +08:00 via iPhone
    @lingoys @(・●・)@
    lingoys
        58
    lingoys  
       2014-12-07 11:23:21 +08:00
    @wsph123 /w\
    jaylong
        59
    jaylong  
       2014-12-07 11:24:20 +08:00
    好棒,开源吧!
    coolcfan
        60
    coolcfan  
       2014-12-07 12:15:14 +08:00
    快去注册github!
    kmvan
        61
    kmvan  
       2014-12-07 12:42:35 +08:00
    弄个关闭弹幕开关吧,我机子略卡。。。卡的音乐都一顿一顿的。。。
    iannil
        62
    iannil  
       2014-12-07 12:57:28 +08:00
    帅,好喜欢。
    Comdex
        63
    Comdex  
       2014-12-07 12:59:11 +08:00
    很棒,用什么技术的,前端
    freeze
        64
    freeze  
       2014-12-07 13:29:25 +08:00
    有点意思
    taozle
        65
    taozle  
       2014-12-07 13:35:26 +08:00
    好漂亮啊,前端能不能开源啊
    Actrace
        66
    Actrace  
       2014-12-07 14:15:09 +08:00
    太帅了,我家的parld也要加上这个功能~
    bitwing
        67
    bitwing  
       2014-12-07 14:38:49 +08:00
    Claris 好评, Firefox 下有兼容性问题
    Itanium
        68
    Itanium  
       2014-12-07 14:56:06 +08:00
    好评,原曲都是链自虾米吧,是320K吗?
    skyshy
        69
    skyshy  
       2014-12-07 15:02:44 +08:00
    这右击的菜单是怎么实现的?
    MrMario
        70
    MrMario  
       2014-12-07 15:07:04 +08:00
    暂停时,弹幕不能暂停哦
    wsph123
        71
    wsph123  
    OP
       2014-12-07 15:33:34 +08:00 via iPhone
    @kmvan 好的!弹幕开关确实必要
    @jaylong 前端部分可以开源OwQ
    @coolcfan 教我用git呀
    @iannil 谢谢OwQ
    @Comdex 单页应用而已OwQ
    @freeze 嘿嘿嘿
    wsph123
        72
    wsph123  
    OP
       2014-12-07 15:36:16 +08:00 via iPhone
    @taozle 可以呀 打算之后以模块形式开源
    @Actrace 那是什么!
    wsph123
        73
    wsph123  
    OP
       2014-12-07 15:40:22 +08:00 via iPhone
    @bitwing 嘿嘿嘿 claris赛高! 火狐下确实有一些bug!会尽快修复
    wsph123
        74
    wsph123  
    OP
       2014-12-07 15:43:10 +08:00 via iPhone
    @Itanium 是的来自虾米 不会320k 在线播放320k太奢侈了OAQ 流畅还是很重要的
    @skyshy 需要的话写个教程 或者写成js插件如何?
    @MrMario 是的 弹幕是无法暂停的。为了更顺滑的移动效果,弹幕部分使用的CSS3 动画
    coolcfan
        75
    coolcfan  
       2014-12-07 15:54:34 +08:00
    @wsph123 当然可以!随时问我!
    Sukizen
        76
    Sukizen  
       2014-12-07 15:58:55 +08:00
    楼主可以留个联系方式交流一下吗,我的gmail: digwhy
    Conte
        77
    Conte  
       2014-12-07 17:16:40 +08:00
    好顶赞~
    wsph123
        78
    wsph123  
    OP
       2014-12-07 17:30:58 +08:00 via iPhone
    @Sukizen itorrrrrr#me.com
    wsph123
        79
    wsph123  
    OP
       2014-12-07 17:31:12 +08:00 via iPhone
    @Conte OwQ
    qiaoka
        80
    qiaoka  
       2014-12-07 17:54:08 +08:00
    月代彩好评。
    wsph123
        81
    wsph123  
    OP
       2014-12-07 18:02:10 +08:00
    @qiaoka 好评+1!
    rykka
        82
    rykka  
       2014-12-07 18:24:36 +08:00
    弹幕是用的什么?还是自己写的?
    wsph123
        83
    wsph123  
    OP
       2014-12-07 18:26:34 +08:00
    @rykka 用户弹射 以及 部分虾米评论
    iptux
        84
    iptux  
       2014-12-07 18:34:33 +08:00
    卧槽,好评好评(已加入收藏夹豪华套餐
    wsph123
        85
    wsph123  
    OP
       2014-12-07 19:02:27 +08:00 via iPhone
    @iptux 嘿嘿嘿
    xiozf
        86
    xiozf  
       2014-12-07 19:22:44 +08:00
    不能修改密码?..
    9yu
        87
    9yu  
       2014-12-07 19:50:45 +08:00
    好棒!
    wsph123
        88
    wsph123  
    OP
       2014-12-07 19:57:12 +08:00 via iPhone
    @xiozf 不能!现在登录之后就永远不会失效 所以OAQ
    @9yu 嘿嘿嘿
    tczzjin
        89
    tczzjin  
       2014-12-07 20:37:44 +08:00
    曲库是虾米的?
    Rico
        90
    Rico  
       2014-12-07 20:53:52 +08:00
    您访问的网站超出配额。。。云豆不够了 ?
    wsph123
        91
    wsph123  
    OP
       2014-12-07 21:06:07 +08:00 via iPhone
    @Rico 解决啦!!thx
    wsph123
        92
    wsph123  
    OP
       2014-12-07 21:06:35 +08:00 via iPhone
    @tczzjin 曲库自己的 音乐来自虾米
    sfyumi
        93
    sfyumi  
       2014-12-07 22:33:46 +08:00
    Great!
    Fly1993
        94
    Fly1993  
       2014-12-08 01:11:12 +08:00
    爱死了,超喜欢!!
    虽然我觉得弹幕没啥必要,但这个播放界面实在太喜欢
    crossmaya
        95
    crossmaya  
       2014-12-08 02:38:42 +08:00
    虾米api换算法了吗
    regmach
        96
    regmach  
       2014-12-08 08:46:53 +08:00
    赞....
    Actrace
        97
    Actrace  
       2014-12-08 12:15:15 +08:00
    @wsph123 parld.com 去年自己撸的音乐播放器~
    wsph123
        98
    wsph123  
    OP
       2014-12-08 12:49:48 +08:00 via iPad
    @sfyumi OwQ
    @Fly1993 嘿嘿嘿
    @crossmaya 没有吧!
    @regmach 谢谢OwQ
    @Actrace 炫酷的界面~
    wewea
        99
    wewea  
       2014-12-08 23:49:58 +08:00
    怎么加歌啊??我要听Let me hear
    zzNucker
        100
    zzNucker  
       2014-12-09 10:29:15 +08:00
    好评+++++ ! 楼主萌萌哒 OwQ
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2870 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 15:15 · PVG 23:15 · LAX 07:15 · JFK 10:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.