RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / user-287128

Опан's questions

Martin Hope
Опан
Asked: 2022-08-04 22:24:29 +0000 UTC

如何使用纯 CSS 制作留声机针和喇叭?

  • 1

我很早就有了为网​​站开发留声机形式的音频播放器的想法。我已经创建了一个旋转记录,我没有预见到案例背后有什么特别的复杂性,但是我还想在 CSS 上制作一个带喇叭的针,这样你就可以用鼠标抓住、抬起和重新排列针从一个地方记录到另一个地方。我想根据一个示例模型,如这些图片中所示: 在此处输入图像描述 在此处输入图像描述

有人对此有任何想法吗?如果是,我将不胜感激。我附上了旋转板的草图代码:

let garmony = [1, 2, 5, 7, 9, 17];
for(i = 0; i < 2 * Math.PI; i += 0.015){
    let translateZ = 0;
    for(j = 0; j < garmony.length; j ++){
        translateZ += 0.7 * Math.sin(i * garmony[j]);
    }
    let d = document.createElement('span'),
    x = 100 + Math.floor(100 * Math.sin(i)),
    y = 100 + Math.floor(100 * Math.cos(i));
    d.style.transform = 'translateX(' + x + 'px) translateY(' + y + 'px) translateZ(' + translateZ + 'px)';
    s.append(d);
}
*{
    transition: 2s;
}
#c{
    transform: translateX(0px) rotateX(70deg) rotateZ(0deg);
    transform-style: preserve-3d;
}
#s{
    width: 200px;
    height: 200px;
    transform-style: preserve-3d;
    animation: progress 10s linear infinite;
}
span{
    position: absolute;
    width: 2px;
    height: 2px;
    border-style: solid;
    border-width: 0px;
    background: black;
}
@keyframes progress{
    from{transform: rotateZ(0deg);}
    to{transform: rotateZ(360deg);}
}
<div id=c><div id=s></div></div>

html css
  • 3 个回答
  • 259 Views
Martin Hope
Опан
Asked: 2022-08-24 03:37:31 +0000 UTC

如何在文件播放时将嵌入在 mp3 音频文件中的封面图像插入网站?

  • 0

我对这个问题感兴趣 - 如何在网站上显示嵌入在 mp3 音频文件中的封面图像,在播放此文件期间,大约使用音频元素?谷歌搜索没有出现任何东西。提前致谢。

html
  • 1 个回答
  • 10 Views

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5