将音频同步到图片旋转木马(how to put a picture over audio)

是否可以在不使用画布的情况下将音频同步到图片旋转木马?我目前使用 setInterval 来实现旋转木马。我不想使用 flash,如果可能并且不太难实现,我想在没有画布的情况下做到这一点。

是否可以在不使用画布的情况下将音频同步到图片旋转木马?我目前使用 setInterval 来实现旋转木马。我不想使用 flash,如果可能并且不太难实现,我想在没有画布的情况下做到这一点。

0

你试过画布吗?

假设你正在使用一个<audio>元素,你可以得到它的currentTime属性。这将告诉你 playhead 在哪里。你可以使用这些信息来改变 carousel 当音频经过某个位置时,或者你可以设置它来改变 carousel 改变时的音频位置。无论什么对你正在做的事情更好。

0

你说实现旋转木马是什么意思?

当你想要图像显示时,我会设置一个特定的时间戳。

您可以使用canPlayThrough检查是否加载了足够的音频来播放,也可以使用audio.buffered.end(0)检查音频文件的长度并确保整个内容都已加载。

这里是一个很好的文章,更多关于这个:http://html5doctor.com/html5-audio-the-state-of-play/

加载音频时,您调用一个函数并传递时间戳并将其设置为 setInterval 时间。因此,在timestamp * 1000,该函数将触发并显示在该时间戳传递的图像。

您也可以尝试使用audio.currentTime然后开火,更多关于上面的文章。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(604)
变量的大写首字母(is good morning capitalized)
上一篇
在GoogleCloudPlatform中部署ESXi虚拟机 无需迁移
下一篇

相关推荐

  • 将音频同步到图片旋转木马(how to put a picture over audio)

    是否可以在不使用画布的情况下将音频同步到图片旋转木马?我目前使用 setInterval 来实现旋转木马。我不想使用 flash,如果可能并且不太难实现,我想在没有画布的情况下做到这一点。…

    2022-11-28 05:47:43
    0 79 23
  • cvt和自动挡哪个好提升驾驶体验的最佳选择

    CVT(可变转换器)是一种由传动带及传动轮组成的无级变速器,它可以在没有传动档位的情况下,根据驾驶者的驾驶习惯,自动调整传动轮之间的转速比,从而实现无级变速。自动挡是指车辆自动变速箱,它使用液力传动来实现变速,可以自动适应车辆的行驶状态,减少司机的疲劳,提高行车的舒适性。…

    2023-06-08 07:42:19
    0 32 76
  • cv一叶扁舟和清影轩阳:漫游在一叶扁舟和清影轩阳之间

    cv一叶扁舟是一款开源的计算机视觉库,用于图像处理、计算机视觉等。它提供了丰富的API,可以帮助开发者快速实现各种图像处理任务,如图像分割、目标检测、图像识别等。清影轩阳是一款开源的计算机视觉框架,用于图像处理、目标检测、分类等。它提供了丰富的API,可以帮助开发者快速实现各种图像处理任务,如图像分割、目标检测、图像识别等。…

    2023-08-05 07:06:20
    0 55 52
  • css设置滚动条宽度设置:This is a title

    CSS设置滚动条宽度的方法:使用CSS3的。-webkit-属性:…

    2023-06-06 10:53:01
    0 92 28
  • xl和xe汽车cvt:探索XL和XE汽车的CVT技术优势

    XL和XE汽车CVT是一种变速器,它使用液力变矩器代替传统的机械变速器,以达到更高的效率。它的工作原理是,当发动机输出功率时,液力变矩器就会将这些功率转换为液压能量,然后将能量传递到变速器的输出轴上,从而实现变速。…

    2023-04-09 00:41:04
    0 75 38
  • cordon bleu是什么意思:法式炸鸡卷——Cordon Bleu的经典之作

    Cordon Bleu是一种烹饪技术,其中肉片被置于奶酪和火腿之间,然后用面包屑裹上,最后煎炸或烤熟。这种技术通常用于制作鸡肉,但也可以用于制作其他类型的肉类,如牛肉或猪肉。…

    2024-01-27 15:13:30
    0 71 93
  • countif 非空:非空单元格的计数

    Countif 非空是指计算某个单元格不为空的数量。代码如下:…

    2023-04-22 15:54:15
    0 97 14
  • java double保留一位小数:How to Round a Double to One Decimal Place in

    示例示例使用类可以轻松实现java double保留一位小数的功能,具体代码如下:// 创建对象…

    2023-05-14 07:40:03
    0 69 98

发表评论

登录 后才能评论

评论列表(40条)