此数据来自json中的API,值来自html标记. Flutter 不是运动的HTML音频标签,所以请建议我一些东西来存档这个.

 "message": "<div class='border-bottom pb-1'>Audio Recording</div><table class='table mt-1  border mb-0 table-hover  table-border bg-white table-sm table_format'>\n                                <tbody><tr>\n                                <td class='font-small-1'><audio class=\"player\" src=\"https://sr.rity.com/vr/fetchsound/?callid=7fefab-65f7-41-baa5-49a69e33\" preload=\"metadata\" controls></audio></td>\n  

我正在使用这两个插件:

  flutter_html_all: ^3.0.0-alpha.5
  flutter_widget_from_html_core: ^0.10.3  

以下是Flutter 代码:-

child: HtmlWidget( _activityList.message?.toString() ?? ""  ),

推荐答案

flutter_widget_from_html_core不支持音频,这在pub.dev中提到:

这些标签需要flutter_widget_from_html个:

  • 声频
  • IFRAME
  • SVG
  • 视频

您需要安装另一个程序包:

flutter pub add flutter_widget_from_html

...然后将其导入

import 'package:flutter_widget_from_html/flutter_widget_from_html.dart';

或者,您可以通过删除未使用的程序包来清理pubspec:

flutter pub remove flutter_html_all
flutter pub remove flutter_widget_from_html_core

Html相关问答推荐

后续使用收件箱从网页表中提取值

CSS复选框并排

如何防止第二列中的内容影响第一列中内容的位置?

使用无限数量的元素创建特定的CSS网格

使用响应迅速的网格系统,将两列保持在同一行,同时允许更多列用于更大的屏幕

防止position:relative的child在出界时收缩

`table>;的消失;tbody:nth子级(1)`HTML

div 中的垂直中心表格

CSS中的百分比高度,如何使其与父级高度相同

Swift WKUserContentController 和 WKScriptMessageHandler 设置不正确

如何使用 Flutter 构建 Chrome 扩展?

嵌入最近的 YOUTUBE 视频(不是短片,视频)

四开将一个 qmd 文档中的单词链接到另一个 qmd 文档中的单词

将现有内容拆分为三列或部分

如何让一个 div 始终贴在容器的边缘?

如何让一个 div 元素粘在另一个元素上?

为什么使用 Css 只能看到 1 列而不是 3 列?

当我将鼠标悬停在测试类上时,左侧类的 colored颜色 没有改变

CSS 斜角与 3 行对齐

隐藏在标题后面的下拉菜单