当前位置:记磊博客 > 技巧-源码 > 源码程序 > 正文

作者:记磊博客

比较忧愁,比较善感,比较孩子气,比较喜欢网络技术的小子

手机扫码查看

一个有趣的源码通过点击/触摸播放声音并出现变化图案的互动内容源码分享

一个有趣的源码通过点击/触摸播放声音并出现变化图案的互动内容源码分享

点击屏幕不同区块让miku唱歌,发出不同音色,同时在屏幕上通过css绘制出不同类型的超带感图形

修改

  • 为国内用户适配了合适的CDN
  • 进行了汉化
  • 移除了社交分享按钮
  • 移除了原作者的谷歌分析
  • 移除了页面上部分属性
  • 增加了作品来源说明

演示网:http://tools.ly522.com/Tools/mikutap/

效果图
一个有趣的源码通过点击/触摸播放声音并出现变化图案的互动内容源码分享

一个有趣的源码通过点击/触摸播放声音并出现变化图案的互动内容源码分享

源码下载

抱歉,隐藏内容 回复 后刷新可见

未经允许不得转载:

作者:记磊博客, 转载或复制请以 超链接形式 并注明出处 记磊博客
原文地址:《一个有趣的源码通过点击/触摸播放声音并出现变化图案的互动内容源码分享》 发布于2018-07-19

本文共258个字,预计阅读时间需要1分钟。
您阅读这篇文章共花了: 0小时00分00秒
分享到:
赞(1) 打赏

评论 64

9 + 6 =
  1. #1

    很好玩的一个源码

    记....磊8个月前 (07-19)来自中国/China 谷歌浏览器 Windows 7 浙江省杭州市 电信回复
  2. #2

    不错呦

    huasjj8个月前 (07-19)来自中国/China QQ浏览器  Android 7.1.1 OPPO A73 Build/N6F26Q 广东省 移动回复
  3. #3

    谢谢分享

    孤寂8个月前 (07-19)来自中国/China 谷歌浏览器  Android 5.0.2 vivo Y31 Build/LRX22G 中国 移动回复
  4. #4

    很好玩的一个源码

    3216548个月前 (07-19)来自中国/China 谷歌浏览器 Windows 7 安徽省合肥市 电信回复
  5. #5

    解析接口:http://lhh.la?url=

    691002968个月前 (07-19)来自中国/China QQ浏览器  Android 8.1.0 ONEPLUS A5000 Build/OPM1.171019.011 江苏省泰州市 电信回复
  6. #6

    不错呦

    ╰☆ぶ墨吻┢┦8个月前 (07-19)来自中国/China 谷歌浏览器 Windows 7 山东省潍坊市 联通回复
  7. #7

    很好玩的一个源码很好玩的一个源码

    AMO8个月前 (07-19)来自中国/China QQ浏览器 Windows 7 江苏省苏州市 电信回复
  8. #8

    挺好玩的

    丿King8个月前 (07-19)来自中国/China QQ浏览器 Windows 10 广东省惠州市 电信回复
  9. #9

    这个可以有

    localhost:80808个月前 (07-19)来自中国/China 谷歌浏览器 Windows 10 重庆市 电信回复
  10. #10

    可以的

    561951888个月前 (07-19)来自中国/China QQ浏览器  ?? Build/MRA58K 江苏省南京市 移动回复
  11. #11

    东轩seo来访

    情兽先森丶8个月前 (07-19)来自中国/China 搜狗浏览器 Windows 10 河北省 移动回复
  12. #12

    不错

    明天会更好8个月前 (07-20)来自中国/China QQ浏览器  Redmi Note 4X Build/NRD90M 广东省深圳市 电信回复
  13. #13

    很好玩的一个源码

    tachen8个月前 (07-20)来自中国/China 谷歌浏览器 Windows 10 广东省惠州市 电信回复
  14. #14

    很好玩的源码

    bbbrrr8个月前 (07-21)来自中国/China 谷歌浏览器 Windows 10 广东省 移动回复
  15. #15
    qq_avatar

    感谢啦

    小妖怪魏莫莫8个月前 (07-24)来自中国/China 谷歌浏览器 Windows 7 山西省长治市 联通回复
  16. #16
    qq_avatar

    支持下

    猫腻8个月前 (07-25)来自中国/China 谷歌浏览器  Android 8.0.0 MI 6 Build/OPR1.170623.027 浙江省 电信回复
  17. #17
    qq_avatar

    支持下

    Alone8个月前 (07-25)来自中国/China 谷歌浏览器  Android 8.0.0 MI 6 Build/OPR1.170623.027 浙江省 电信回复
  18. #18
    qq_avatar

    支持一下

    Alone8个月前 (07-25)来自中国/China 谷歌浏览器  Android 8.0.0 MI 6 Build/OPR1.170623.027 浙江省 电信回复
  19. #19
    qq_avatar

    支持一下

    Alone ?8个月前 (07-25)来自中国/China 谷歌浏览器  Android 8.0.0 MI 6 Build/OPR1.170623.027 浙江省 电信回复
  20. #20
    qq_avatar

    拿走了,楼主

    醉了又何妨8个月前 (07-26)来自中国/China 谷歌浏览器  Android 6.0 UOOGOU Build/MRA58K 浙江省杭州市 联通回复
  21. #21
    qq_avatar

    看看

    PrinSoul8个月前 (07-29)来自中国/China Netscape Navigator iPhone iPhone OS 10_3_3 like Mac OS X 广东省汕头市 电信回复
  22. #22
    qq_avatar

    可以 很好玩

    深渊博客8个月前 (07-31)来自中国/China QQ浏览器  Android 7.1.2 vivo X9Plus Build/N2G47H 福建省 电信回复
  23. #23

    拿走看看

    是否成立后即可7个月前 (08-16)来自中国/China 谷歌浏览器 Windows 8.1 上海市 联通回复
  24. #24
    qq_avatar

    娃哇 恰

    莫多说7个月前 (08-17)来自中国/China 谷歌浏览器 Windows 7 河南省新乡市 电信回复
  25. #25

    谢谢分享

    好人7个月前 (09-01)来自中国/China QQ浏览器  Android 8.0.0 HWI-AL00 Build/HUAWEIHWI-AL00 山东省 电信回复
  26. #26
    qq_avatar

    可以啊www.ymr.cn

    黑夜邪神7个月前 (09-03)来自中国/China 谷歌浏览器 Windows 7 广东省广州市 电信回复
  27. #27
    qq_avatar

    可以啊!!!!

    黑夜邪神7个月前 (09-03)来自中国/China 谷歌浏览器 Windows 7 广东省广州市 电信回复
  28. #28

    !!!!可以啊啊

    节操君″7个月前 (09-03)来自中国/China 谷歌浏览器 Windows 7 广东省广州市 电信回复
  29. #29

    不错呦

    test7个月前 (09-04)来自中国/China 谷歌浏览器  MI 5X Build/N2G47H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.85 Mobile Safari/537.36 浙江省杭州市 阿里云BGP数据中心回复
  30. #30

    谢谢分享

    2333333333333337个月前 (09-04)来自中国/China 谷歌浏览器 Windows 10 浙江省杭州市 阿里云BGP数据中心回复
  31. #31

    有点意思~

    棉花神样7个月前 (09-04)来自中国/China 谷歌浏览器 Windows 7 浙江省杭州市 阿里云BGP数据中心回复
  32. #32
    qq_avatar

    看看

    阿涛网络传媒7个月前 (09-04)来自中国/China QQ浏览器 Windows 10 北京市 回复
  33. #33

    我想下载看看

    tianfa7个月前 (09-09)来自中国/China Internet Explorer Windows 10 浙江省杭州市 电信回复
  34. #34

    玩起来很爽,根本停不下来。

    aixiu7个月前 (09-09)来自中国/China 谷歌浏览器 Windows 7 浙江省杭州市 电信回复
  35. #35
    qq_avatar

    我的剑所能触及的地方,就是我的国家。

    南国6个月前 (09-12)来自中国/China 谷歌浏览器 Windows 7 浙江省杭州市 电信回复
  36. #36

    很好玩

    旧人6个月前 (09-12)来自中国/China 火狐浏览器 Windows 10 浙江省杭州市 电信回复
  37. #37

    自保与欺人只隔一线,要区分是多难啊。

    头条6个月前 (09-14)来自中国/China 谷歌浏览器 Windows XP 上海市 电信回复
  38. #38

    愚昧总是会先压着真理。666

    6666个月前 (09-14)来自中国/China 谷歌浏览器 Windows 10 上海市 电信回复
  39. #39
    qq_avatar

    asdadda阿萨德

    adssa6个月前 (09-17)来自中国/China 谷歌浏览器 Windows 10 陕西省西安市 电信回复
  40. #40

    我的眼泪留了下来,灌溉了下面柔软的小草,不知道来年,会不会开出一地的记忆和忧愁。

    SHu-How6个月前 (09-21)来自中国/China Safari浏览器 Mac OS X 10_13_4 江苏省徐州市 电信回复
  41. #41
    qq_avatar

    好玩的网站

    路人甲萌新6个月前 (09-23)来自中国/China 谷歌浏览器  vivo Y75A Build/N6F26Q 河南省平顶山市 移动回复
  42. #42
    qq_avatar

    我是绝对的开始的王,英雄中的英雄王,吉尔伽美什。

    缺氧。6个月前 (09-25)来自中国/China 谷歌浏览器 Windows 7 上海市 联通回复
  43. #43
    qq_avatar

    拿走玩玩

     6个月前 (09-28)来自中国/China 谷歌浏览器 Windows 10 江苏省南京市 联通回复
  44. #44
    qq_avatar

    我只能目送着幸福的末班车远去—不是我没赶上,而是压根儿都挤不上去。

    saioc5个月前 (10-16)来自中国/China 谷歌浏览器 Windows 7 山东省临沂市 移动回复
  45. #45
    qq_avatar

    多谢分享 这个很好

    夜中情5个月前 (10-31)来自中国/China QQ浏览器 Windows XP 山东省日照市 电信回复
  46. #46

    我从没有后悔过。无论发生什么事,就只有「后悔」我绝对不会。

    A 小白5个月前 (11-05)来自中国/China 谷歌浏览器 Windows 10 湖北省宜昌市 移动回复
  47. #47
    qq_avatar

    从现在开始,从现在开始一点点努力,然后能成为好一点的人就好了。

    花花公孑丶鑫5个月前 (11-10)来自中国/China QQ浏览器 Windows 10 中国 移动回复
  48. #48

    可能是我的性格过于消极吧,只要是那些忧伤而凄美的,我都喜欢。

    ddd4个月前 (11-12)来自中国/China 谷歌浏览器 Linux 江苏省泰州市 移动回复
  49. #49
    qq_avatar

    超越自我

    尐BOY哟~4个月前 (11-30)来自中国/China 谷歌浏览器 Windows 10 上海市 联通漕河泾IDC机房回复
  50. #50

    孤这一生,无怨无悔。

    敏汉阿3个月前 (12-15)来自中国/China 搜狗浏览器 Windows 7 福建省莆田市 电信回复
  51. #51
    qq_avatar

    哇好厉害,太好了

    帅麒mash3个月前 (12-28)来自中国/China 谷歌浏览器 Linux 河北省廊坊市 电信回复
  52. #52

    没有播种,何来收获;没有辛苦,何来成功;没有磨难,何来荣耀;没有挫折,何来辉煌。

    秋夏lFlower3个月前 (01-01)来自中国/China QQ浏览器 Windows 10 广西南宁市 电信回复
  53. #53

    一个个的声音肯定有各自的意义,可无数个一齐聚集起来就无意义了。

    秋夏lFlower3个月前 (01-01)来自中国/China QQ浏览器 Windows 10 广西南宁市 电信回复
  54. #54

    我想笑着送你走,可是眼泪却流个不停。

    烟花三顾3个月前 (01-04)来自中国/China 谷歌浏览器 Windows 10 江苏省连云港市 移动回复
  55. #55
    qq_avatar

    谢谢分享

    小时光3个月前 (01-08)来自中国/China 谷歌浏览器 Windows 10 山东省烟台市 联通回复
  56. #56
    qq_avatar

    dalao,有没有友情链接,方便我自己索引到你的网站,今天忘记了你的网址,找了好久

    ソ穹ヲ3个月前 (01-09)来自中国/China 谷歌浏览器  Android 7.1.2 Redmi 5 Plus Build/N2G47H 福建省福州市 移动回复
  57. #57
    qq_avatar

    我能遇到你真是太好了 !

    ソ穹ヲ2个月前 (01-10)来自中国/China 谷歌浏览器  Android 7.1.2 Redmi 5 Plus Build/N2G47H 福建省福州市 移动回复
  58. #58
    qq_avatar

    一个故事的阅读方法,绝对不只有一种。

    ソ穹ヲ2个月前 (01-10)来自中国/China 谷歌浏览器 Linux 福建省福州市 移动回复
  59. #59
    qq_avatar

    在这个信仰即将崩溃的时刻,我要坚守最后的信念。

    醉枫染墨2个月前 (01-18)来自中国/China 谷歌浏览器  Android 6.0 Redmi Note 4X Build/MRA58K 安徽省安庆市 电信回复
  60. #60
    qq_avatar

    有时候不打上一架,对方是不会明白,自己有多么的认真的!

    樱花传媒71个月前 (02-14)来自中国/China 谷歌浏览器 Windows 10 吉林省 联通回复
  61. #61

    不错

    筱乐科技4周前 (02-27)来自中国/China QQ浏览器 Windows 10 安徽省合肥市 电信回复
  62. #62
    qq_avatar

    有多少人是为了不让别人看出心事,装出疯疯癫癫,嘻嘻哈哈。

    ゛狗烟火 _。2周前 (03-10)来自中国/China 谷歌浏览器  vivo Y75A Build/N6F26Q 中国 移动回复
  63. #63

    我来了

    紫气东来1周前 (03-16)来自中国/China 谷歌浏览器 Windows 7 四川省眉山市 电信回复
  64. #64

    很好玩的一个源码

    kkkk2天前来自中国/China 谷歌浏览器 Windows 7 陕西省西安市 电信回复
一个有趣的源码通过点击/触摸播放声音并出现变化图案的互动内容源码分享

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu3.3主题

专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

了解一下

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录