V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
wsph123

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

  •  9
     
  •   wsph123 ·
    itorr · Dec 6, 2014 · 15021 views
    This topic created in 4170 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

    v7更新

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

    v7优化

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

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

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

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

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

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

    相关部分代码是这样的


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

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