将Soundcloud链接嵌入到A-Frame环境中

时间:2019-05-30 23:53:32

标签: html iframe aframe

我正在为一个朋友建立一个新网站,以推广他的音乐,并希望对此做一些创意。我以前曾使用过a框架,但不确定如何将SoundCloud链接嵌入到a框架环境中。

我试图将代码嵌入到a-box元素中,但这似乎不起作用。

<a-scene>
   <a-assets>
     <iframe id="hempz" width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/627262449&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
   </a-assets>

  <a-box embedded width="7" height="3" material="src: #hempz; repeat: 1 1" position="0 1 -10"  ></a-box>

</a-scene>

我希望SoundCloud链接位于虚拟环境中。

下面的快速photoshop示例。

this Literate Haskell snippet

1 个答案:

答案 0 :(得分:0)

您不能在WebGL中呈现HTML。 FAQ中的更多信息您可以使用sound cloud streaming API

构建自己的3D播放器