【问题标题】:How to use html, javascript code in flutter mobile platforms?Flutter移动平台如何使用html、javascript代码?
【发布时间】:2020-09-11 06:06:20
【问题描述】:

我已经使用 Flutter 大约 4 个月了,但我没有任何 Javascript 经验。我想使用 Soundcloud HTTP API 并用它构建一个应用程序。但我坚持在 Flutter 中使用 JS。我正在尝试制作一个需要这些功能的用户交互应用,

  1. 在 Soundcloud 上搜索音乐。 => 用户可以在 Soundcloud 上选择一首歌曲。

  2. 在供稿上发布所选音乐。 => 然后选定的歌曲会作为类似音乐播放器的小部件发布在提要页面上。

  3. 当音乐出现在他们的动态中时,让其他用户播放音乐。 => 然后其他人可以看到音乐播放器,并附上附加说明等。

最后,我正在尝试制作一个 Soundcloud 克隆,它可以使用 Flutter 实际使用 Soundcloud 源,但我不知道该怎么做,因为 Soundcloud 只为 Ruby、Python 和 JS 提供 API。

例如,我不知道如何实现下面的JS代码,api文档中的示例代码,它创建了一个嵌入式Soundcloud播放器。

<script src="https://connect.soundcloud.com/sdk/sdk-3.3.2.js"></script>
<script>
SC.initialize({
  client_id: 'YOUR_CLIENT_ID'
});

var track_url = 'https://soundcloud.com/forss/flickermood';
SC.oEmbed(track_url, { auto_play: true }).then(function(oEmbed) {
  console.log('oEmbed response: ', oEmbed);
});
</script>

我发现在 Flutter web 中使用 HTML 和 JS 是可能的,但我不确定它是否也适用于移动平台。

希望能从 JS 和 Dart 方面的专家那里得到一些反馈。谢谢。

【问题讨论】:

  • 为此,您必须使用 webview
  • 谢谢大家的回答。但我希望获得一些示例,说明如何使用一些示例代码来实现它......我的问题是我无法理解如何在代码中实现它......

标签: javascript html flutter dart soundcloud


【解决方案1】:

您可以使用flutter_js。您可以尝试一次。

【讨论】:

    【解决方案2】:

    你可以使用 Flutter JS 插件,但是 Flutter 推荐使用 dart,希望这个链接对https://www.filledstacks.com/post/create-and-deploy-a-flutter-web-app/有帮助

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-01-21
      • 2019-05-08
      • 2020-07-16
      • 2019-05-06
      • 2023-01-04
      • 2019-01-26
      • 2019-02-01
      相关资源
      最近更新 更多