Javascript 如何定制html5音频播放器

我正在做一个html5音频播放器，所以我尝试使用一个自定义播放器。我不想使用默认值

---

是否有人知道如何编辑此播放器样式，或者如何使用我自己的html/css代码来执行此播放器？

是的。这可以通过阴影dom实现。您只需在浏览器中启用它，并为元素编写样式即可

正如我所了解的，这是特定于浏览器的功能。但对于基于webkit的阴影dom样式来说，这是完美的。 没有那么多的信息，但是这个功能已经完全使用了。例如，请参见以下问题： 如果在inspector设置中启用显示阴影dom，您将了解它的工作方式。还有带有选择器列表的公共列表-

---

对于其他浏览器，您需要检查是否支持使用阴影dom。

是。这可以通过阴影dom实现。您只需在浏览器中启用它，并为元素编写样式即可

正如我所了解的，这是特定于浏览器的功能。但对于基于webkit的阴影dom样式来说，这是完美的。 没有那么多的信息，但是这个功能已经完全使用了。例如，请参见以下问题： 如果在inspector设置中启用显示阴影dom，您将了解它的工作方式。还有带有选择器列表的公共列表-

---

对于其他浏览器，您需要检查是否支持使用阴影dom。

您可以完全创建自己的样式。只需忘记“控件”选项即可简单地使用控件，而无需使用controls=controls。只需创建按钮/div/which，设置它们的样式，并添加一个控制音频界面的eventlistener：

html:

我看到你也在使用音频api。请注意，您不能将音频文件转储到缓冲区中。它需要解码为原始PCM。这需要很多时间。一种非常简单的方法是创建链接到音频元素的源节点：

var source = context.createMediaElementSoure(player); //we defined player in the first block of code

要使页面更具跨浏览器功能，请执行以下操作：

window.AudioContext = window.AudioContext||window.webkitAudioContext;
context = new AudioContext();

编辑：

。

---

您还可以为时间轴制作一个滑块和一个音量滑块/静音按钮，尽管我更喜欢后两个按钮在一行过滤器末尾的增益节点上这样做。

您完全可以制作自己的风格。只需忘记“控件”选项即可简单地使用控件，而无需使用controls=controls。只需创建按钮/div/which，设置它们的样式，并添加一个控制音频界面的eventlistener：

html:

我看到你也在使用音频api。请注意，您不能将音频文件转储到缓冲区中。它需要解码为原始PCM。这需要很多时间。一种非常简单的方法是创建链接到音频元素的源节点：

var source = context.createMediaElementSoure(player); //we defined player in the first block of code

要使页面更具跨浏览器功能，请执行以下操作：

window.AudioContext = window.AudioContext||window.webkitAudioContext;
context = new AudioContext();

编辑：

。

---

您还可以为时间轴制作一个滑块和一个音量滑块/静音按钮，尽管我更喜欢后两个按钮在一行过滤器末尾的gainnode上这样做。

查看这个[编辑音频播放器][1][1]：可以有一个指向工作JSFIDLE的链接，但是问题本身中的相关代码链接不是永久有效的也有帮助。请查看[编辑音频播放器][1][1]：有一个指向工作JSFIDLE的链接是可以的，但是问题本身中的相关代码链接不是永久有效的也有帮助。很高兴我能提供帮助！我和一个朋友做了一个audioplayer，所以我对它有一些了解。它使用audioAPI和webRTC：如果你想知道其他的事情，尽管问吧！很高兴我能帮忙！我和一个朋友做了一个audioplayer，所以我对它有一些了解。它使用audioAPI和webRTC：如果你想知道其他的事情，尽管问吧！没有那么多的信息。我更新我的回答。这个特性仍然没有文档记录，只是在html中实现新的复杂元素的GUI的一种方法。所以我建议使用@MarijnS95-answer。没有那么多信息。我更新我的回答。这个特性仍然没有文档记录，只是在html中实现新的复杂元素的GUI的一种方法。所以我建议使用@MarijnS95答案。

window.AudioContext = window.AudioContext||window.webkitAudioContext;
context = new AudioContext();