设为首页收藏本站
开启辅助访问 切换到宽版 登录 立即注册 QQ登录

花潮论坛

搜索
热搜: 活动 交友 discuz
12345下一页
返回列表 发新帖
查看: 209|回复: 93

[其他] 因为想你才寂寞（学习黑黑纯SVG播放器效果）

[复制链接]
红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2022-9-5 10:51 | 显示全部楼层 |阅读模式

    请马上登录，朋友们都在花潮里等着你哦：）

    您需要 登录 才可以下载或查看，没有账号？立即注册

    x
    lrc歌词 lrc歌词 lrc歌词 lrc歌词 00:00 | 00:00






    评分

    参与人数 8威望 +240 金钱 +479 经验 +240 收起 理由
    绿叶清舟 + 30 + 60 + 30 赞一个!
    东篱闲人 + 30 + 60 + 30 很给力!
    加林森 + 30 + 60 + 30 很给力!
    小辣椒 + 50 + 100 + 50 赞一个!
    四海八荒 + 30 + 59 + 30 赞一个!
    马黑黑 + 30 + 60 + 30 很给力!
    梦缘 + 10 + 20 + 10 很给力!
    梦油 + 30 + 60 + 30 赞一个!

    查看全部评分

    　
    回复

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-9-5 10:55 | 显示全部楼层
    看到黑黑又出新效果，赶紧把之前的学习一下。黑黑的方法很好，不能听歌的时候，可以用本地歌曲做歌词，再使用保存过的地址，合在一起就可以了。感谢黑黑的代码
    　
    回复 支持 反对

    使用道具 举报

    梦油
  • TA的每日心情
    擦汗
    2025-12-19 09:46

    • 签到天数: 1350 天

    [LV.10]以坛为家III

    1675

    主题

    4万

    回帖

    15万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生缤纷心情心曲飞扬七彩绚丽花好月圆飞龙在天王者至尊妙笔生花共看流星风雨同行幸福快乐喜乐安康心想事成前途似锦开朗大方花潮管理
    发表于 2022-9-5 10:55 | 显示全部楼层
    影子朋友早上好！
    这字幕真漂亮！

    随遇而安、顺其自然、与世无争、处之晏然、自娱自乐、安度晚年。
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-9-5 10:57 | 显示全部楼层
    黑黑说SVG给出的是文字，而不是画布那样给出的图形，所以试验了一下竖排，果真可以。
    只是，为什么在歌词里加<br>歌词无法分行呢？记得以前可以的？@马黑黑
    因为怕歌词太长，害得我硬是把一句分成两句
    　
    回复 支持 反对

    使用道具 举报

    梦缘
  • TA的每日心情
    开心
    2025-11-15 14:24

    • 签到天数: 331 天

    [LV.8]以坛为家I

    64

    主题

    2546

    回帖

    8742

    积分

    论坛元老

    Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80Rank: 80

    花潮美女鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生蝴蝶情怀心香一瓣金剪刀音画大师
    发表于 2022-9-5 11:15 | 显示全部楼层
    制作漂亮，欣赏学习，问好老师！
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-19 12:03

    • 签到天数: 1674 天

    [LV.Master]伴坛终老

    3052

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-9-5 12:42 | 显示全部楼层
    红影 发表于 2022-9-5 10:57
    黑黑说SVG给出的是文字，而不是画布那样给出的图形，所以试验了一下竖排，果真可以。
    只是，为什么在歌词 ...

    <br>是HTML标签，仅对 innerHTML 的显示有效。

    svg和canvas一样，都不支持文本换行。歌词偏长的，可以考虑将 svg 的 text 元素设为较长，我的是设置为 1000，你用 writing-mode 设置文本方向为竖排，则需要考虑帖子高度够不够用，因为此种模式，text 的宽度占用的是帖子的高度。
    回复 支持 反对

    使用道具 举报

    四海八荒
  • TA的每日心情
    开心
    2025-1-7 04:54

    • 签到天数: 236 天

    [LV.7]常住居民III

    155

    主题

    6162

    回帖

    1万

    积分

    版主

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮帅哥多彩人生心曲飞扬星星情怀七彩绚丽鹰傲苍穹飞龙在天大将风范共看流星风雨同行我心永远指尖上的流年花潮版主
    发表于 2022-9-5 17:08 | 显示全部楼层
    好听的歌。歌词很喜欢
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-9-5 18:59 | 显示全部楼层
    梦油 发表于 2022-9-5 10:55
    影子朋友早上好！
    这字幕真漂亮！

    这个歌词字母是黑黑代码，特别漂亮呢
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-9-5 19:00 | 显示全部楼层
    梦缘 发表于 2022-9-5 11:15
    制作漂亮，欣赏学习，问好老师！

    谢谢梦缘临帖鼓励
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-9-5 19:02 | 显示全部楼层
    马黑黑 发表于 2022-9-5 12:42
    是HTML标签，仅对 innerHTML 的显示有效。

    svg和canvas一样，都不支持文本换行。歌词偏长的，可以考虑 ...

    哦，不支持文本换行啊。嗯嗯，记下了。
    知道的，竖向的需要考虑高度够不够。这个歌曲有些歌词比较长，我已经用花潮LRC人为把歌词多分了行数，这样每句都不太长了。没看分行后，有些歌词只剩2个字了
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-9-5 19:03 | 显示全部楼层
    四海八荒 发表于 2022-9-5 17:08
    好听的歌。歌词很喜欢

    这歌词有点伤感，但是很真实的情感
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-19 12:03

    • 签到天数: 1674 天

    [LV.Master]伴坛终老

    3052

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-9-5 19:09 | 显示全部楼层
    红影 发表于 2022-9-5 19:02
    哦，不支持文本换行啊。嗯嗯，记下了。
    知道的，竖向的需要考虑高度够不够。这个歌曲有些歌词比较长，我 ...

    也不必弄的太短，合适就好
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-9-5 20:59 | 显示全部楼层
    马黑黑 发表于 2022-9-5 19:09
    也不必弄的太短，合适就好

    嗯嗯，大致看了一下，按现在的字号，最多到10字以下，就挺好
    　
    回复 支持 反对

    使用道具 举报

    小辣椒
  • TA的每日心情
    开心
    2019-11-25 21:11

    • 签到天数: 1 天

    [LV.1]初来乍到

    1423

    主题

    6万

    回帖

    12万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹心香一瓣音画大师天籁妙音风雨同行我心永远喜乐安康中秋征文指尖上的流年花潮管理
    发表于 2022-9-5 21:01 | 显示全部楼层
    亲爱的，你最棒，学以致用，优秀学员
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-12-19 12:03

    • 签到天数: 1674 天

    [LV.Master]伴坛终老

    3052

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
    发表于 2022-9-5 21:12 | 显示全部楼层
    红影 发表于 2022-9-5 20:59
    嗯嗯，大致看了一下，按现在的字号，最多到10字以下，就挺好

    回复 支持 反对

    使用道具 举报

    加林森
  • TA的每日心情
    开心
    2023-6-15 10:31

    • 签到天数: 525 天

    [LV.9]以坛为家II

    1383

    主题

    3万

    回帖

    10万

    积分

    版主

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀青草情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀男儿情怀鹰傲苍穹花好月圆飞龙在天王者至尊大将风范天籁妙音共看流星风雨同行幸福快乐喜乐安康指尖上的流年花潮版主
    发表于 2022-9-5 21:18 | 显示全部楼层
    制作漂亮。赞！
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-9-5 22:22 | 显示全部楼层
    小辣椒 发表于 2022-9-5 21:01
    亲爱的，你最棒，学以致用，优秀学员

    都是现成的命令，我只是试试而已
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-9-5 22:23 | 显示全部楼层
    马黑黑 发表于 2022-9-5 21:12

    然后超过10个的，就都被我硬分行了。
    　
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-12-1 20:32

    • 签到天数: 1052 天

    [LV.10]以坛为家III

    1883

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
     楼主| 发表于 2022-9-5 22:23 | 显示全部楼层
    加林森 发表于 2022-9-5 21:18
    制作漂亮。赞！

    谢谢队长鼓励
    　
    回复 支持 反对

    使用道具 举报

    东篱闲人
  • TA的每日心情
    开心
    2025-12-18 21:01

    • 签到天数: 1181 天

    [LV.10]以坛为家III

    1248

    主题

    2万

    回帖

    9万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀男儿情怀鹰傲苍穹花好月圆心香一瓣紫色情节飞龙在天王者至尊生财有道大将风范金剪刀音画大师天籁妙音妙笔生花共看流星我心永远幸福快乐宁静致远逍遥自在喜乐安康妙趣横生指尖上的流年花潮贵宾
    发表于 2022-9-5 22:24 | 显示全部楼层
    看看想谁想寂寞啦。。。。
    回复 支持 反对

    使用道具 举报

    下一页 »
    12345下一页
    返回列表 发新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|手机版|Archiver|服务支持：DZ动力|huachaowang.com Inc. ( 蜀ICP备17032287号-1 )

    GMT+8, 2025-12-19 20:14 , Processed in 0.138092 second(s), 26 queries .

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表