【发布时间】:2020-10-22 21:19:54
【问题描述】:
我在我的网页上嵌入了各种播放器(YouTube、Spotify、Bandcamp 等),并希望根据嵌入的声音更改我的网页状态。如何访问这些数据?
更新: 从evolutionxbox 的评论中,我查看了其中一款 Bandcamp 嵌入式播放器的元素,发现如下:
<script type="text/javascript">
var playerdata = {"tracks":[{"title":"Virga I","encodings_id":1606233426,"file":{"mp3-128":"https://t4.bcbits.com/stream/.....
var parentpage = "http://localhost:8080/"; // page we are embedded in
var params = {"tracklist":"false","fgcol":null,"url_referrer":false...
$(function() {
HTMLEmbeddedPlayer3.init(playerdata, parentpage, params);
});
</script>
这很酷,因为我可以通过编程方式看到这个 iframe 的“playerdata”变量,并在用户点击播放时访问音频?我会试试看的。
额外:
我还发现了这个有用的帖子:Is there anyway to visualize youtube audio from an iframe using the web audio api?
但这仅适用于 YouTube。其他服务(我这里主要看 Bandcamp)没有用于流式传输音频的 API,因此它必须来自 iframe 本身。
由于音频正在网站上播放,似乎应该有一些方法可以在媒体服务和用户之间进行拦截,但现在我没有看到它。
【问题讨论】:
-
也许,如果不同的站点为此类事情提供 API。更受欢迎的网站有时会这样做。
-
我认为域需要相同?
-
谢谢@evolutionxbox!这些使我朝着一个好的方向前进,我更新了帖子。在检查我可以调用的嵌入元素时发现了一个函数。
标签: javascript html embed html5-audio audio-player