image - JHipster : Blob/ImageBlob/VideoBlob/AudioBlob datatype

标签 image audio video types jhipster

JDL-Studio 将“ImageBlob”识别为预定义数据类型。

enter image description here

通过导入 JDL 文件,将创建一个具有字节数组属性的实体类,以及一个用于浏览图像文件的前端组件和一些用于显示图像的组件。

与视频不同。我的意思是,如果您使用“VideoBlob”,它仍然会创建字节数组属性以及一个前端组件来浏览和上传视频文件,但我猜您无法观看或下载视频,除非您手动处理它。

我想同样的问题也适用于音频类型。

enter image description here

能否请您告诉我您对此的首选解决方案是什么?

最佳答案

VideoBlob 和 AudioBlob 在 JDL 或主 JHipster 生成器中不存在,只有 ImageBlob 和 Blob。当字段类型以“Blob”结尾时,JDL 默认为 Blob 类型,如 the JDL documenation 中所述.

您将需要手动编写前端。您可以通过使用数据 URI 并在 src 属性中指定内容类型来执行与 ImageBlob 工作方式类似的操作。

音频:

<audio controls="" src="data:audio/ogg;base64,T2dnUwACAAAA...8l3KcK"></audio>

视频:

<video controls>
        <source type="video/webm" src="data:video/webm;base64,AAAAA...9tYXZAAAGnRm9/l/L+X8v5AAAAMgfDg==">
        <source type="video/mp4" src="data:video/mp4;base64,AAAAHGe...XBtcDQyAAAAAGnRm9/l/L+X8v5AAAAMgfDg==">
</video>

根据音频/视频文件的大小,建议上传到允许通过请求字节范围播放媒体的 CDN。在 JHipster 的实现中,必须先下载完整的 blob,然后才能开始播放。

关于image - JHipster : Blob/ImageBlob/VideoBlob/AudioBlob datatype,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49547109/

相关文章:

ios - AudioUnit "Sometime"不工作。 "Only"发生在 6 秒(可能是 6 秒以上,但我没有测试过)

cordova - phonegap 媒体插件不能处理多种声音?

javascript - 视频标签的 XMLHttpRequest?

android - Android 可以离线缓存带有缓存 list 的 HTML5 视频吗?

java - Red5视频流录制中断

java - 使用扩展 JFrame 的类添加背景图像

asp.net-mvc - 该进程无法访问该文件,因为它正被另一个进程使用?

audio - 从音频输入捕获原始音频以在 Mac 上进行实时处理的最简单方法

javascript - 使用 Cropper.js 裁剪时使用自定义颜色填充额外区域

css - 使图像对搜索引擎和 Facebook 不可见?