MinDoc插入视频音频文件教程(2024版)

工作当中,在内网环境下用MinDoc搭建了一个文档管理系统,方便分享一些文档内容,涉及到一些教程类的内容,视频则很方便,因为内部使用,放到外部保存视频则不方便,本文就是MinDoc插入视频音频文件教程,希望帮助到在写文档中要插入视频或音频文件的朋友。

什么是MinDoc?

MinDoc 是一款针对IT团队开发的简单好用的文档管理系统。

MinDoc 的前身是 SmartWiki 文档系统。SmartWiki 是基于 PHP 框架 laravel 开发的一款文档管理系统。因 PHP 的部署对普通用户来说太复杂,所以改用 Golang 开发。可以方便用户部署和实用。

开发缘起是公司IT部门需要一款简单实用的项目接口文档管理和分享的系统。其功能和界面源于 kancloud 。

可以用来储存日常接口文档,数据库字典,手册说明等文档。内置项目管理,用户管理,权限管理等功能,能够满足大部分中小团队的文档管理需求。

https://github.com/mindoc-org/mindoc

MinDoc插入视频音频文件

事实上在使用MinDoc写文档的过程中,直接通过上传附件的形式上传一个视频文件,你没有办法播放,只能下载。基于此也在MinDoc群里面问过,但似乎没有人弄过,好在这些天有群友也在整这块内容。因此直接将他分享的内容放置在这里了。

上传视频并获取地址

在mindoc目录的uploads中新建一个video文件夹把相关视频复制进去。

MinDoc插入视频音频文件教程(2024版) 1
MinDoc插入视频音频文件教程(2024版) 10

以大图标方式查看,如果该文件无法显示片头图片,则格式编码兼容性有问题,很大可能无法在线播放,需进行转码处理。

MinDoc插入视频音频文件教程

视频绝对网址为 https://jhrs.com/uploads/video/文件名这里的 https://jhrs.com 域名可省略,省略后的视频相对网址为:/uploads/video/ 文件名。

插入视频

插入视频方式常见的有两种,一种是通过 iframe 方式,另外一种就是使用 video 标签。

iframe方式

<iframe width="600px" height="400px" src=""/uploads/video/ZT400系列更换打印头.mp4" >
</iframe>

这里的” “号如果偷懒也可以省略,不影响实际显示。下面是不带引号版本。

<iframe width=600px height=400px src=/uploads/video/ZT400系列更换打印头.mp4 >
</iframe>

video方式

<video width="600px" height="400px" controls>
<source src="/uploads/video/ZT400系列更换打印头.mp4 " type="video/mp4">
</video>

同样,也可以省略成这样:

<video width=600 height=400 controls>
<source src=/uploads/video/ZT400系列更换打印头.mp4>
</video>

注:生产环境为稳定起见最好别省略

插入其它资源

插入gif动图

<iframe width="500px" height="270px"scrolling="no"
src="/uploads/video/test.gif">
</iframe>

插入音频文件

<video width="80%" height="80px" controls>
<source src="/uploads/video/su.mp3 " >
</video>

样式如下:

MinDoc插入视频音频文件教程

插入外链视频(来自网络)

b站,视频下方点分享然后复制嵌入代码

MinDoc插入视频音频文件教程
MinDoc插入视频音频文件教程(2024版) 11

插入pdf

作为一个知识库,势必有大批PDF格式的厂家说明书,总不能全部上传为附件,然后在网页上下载
下来本地看吧?在线看是必然的需求。在uploads下新建一个book文件夹,把pdf文件放进去。

MinDoc插入视频音频文件教程
MinDoc插入视频音频文件教程(2024版) 12

iframe方式插入

<iframe width="1000" height="1200" id="iframepdf"
src="/uploads/book/zm600快速安装.pdf">
</iframe>

显示效果如下:

MinDoc插入视频音频文件教程

object方式插入

<object width="1000" height="1200"
data="/uploads/book/zm600快速安装.pdf" type="application/pdf">
<div>No online PDF viewer installed</div>
</object>

显示效果如下:

MinDoc插入视频音频文件教程
MinDoc插入视频音频文件教程(2024版) 13

注:以上两种方式都需要chrome或edge浏览器。IE如果未装PDF的插件是无法在线看PDF的。

iframe的其它应用

由于iframe本质是插入一个外部网页的子窗口,所以你还可以…

插入天气预报

到天气预报的插件网站选一个款式。

MinDoc插入视频音频文件教程
MinDoc插入视频音频文件教程(2024版) 14

插入doc

其实用途不大,原理是使用微软的office官网api读取网站上的doc文件然后在线显示出来,故此内
网无法使用,因为微软无法读取内网里的doc,如果实在是有DOC要在线看,建议还是转成PDF后插
入。

代码:src后替换为要访问的doc绝对网址

<iframe src='https://view.officeapps.live.com/op/embed.aspx?
src=https://pymo.github.io/PYMO教程.doc'
width='100%' height='565px' frameborder='0'>
</iframe>

效果如下:

MinDoc插入视频音频文件教程
MinDoc插入视频音频文件教程(2024版) 15

备注

新版MinDoc的配置文件conf\app.conf默认是禁止iframe的,需将false改为true,否则插入iframe代码无效。

默认:enable_iframe = "${MINDOC_ENABLE_IFRAME||false}"
改为:enable_iframe = "${MINDOC_ENABLE_IFRAME||true}"

无论是iframe或video插入的资源都可通过width和height调整长宽。

width=”600px” height=”400px” 宽600像素,高400像素,这里的px可省略

width=”80%” height=”20%” 宽为页面的80%,高为页面的20%

写在最后

以上的内容来自于群友的分享,同时也将pdf版本的放到最后,你可以下载pdf版来查看。

下载mindoc插入视频音频文件教程

mindoc插入视频音频文件教程 (下载948 )

猜你喜欢

本站最新优惠

Namesilo优惠:新用户省 $1 域名注册-优惠码:45D%UYTcxYuCloZ 国外最便宜域名!点击了解更多

特别优惠:免费赠送 $100 Vultr主机-限时优惠!英文站必备海外服务器!点击了解更多

VPS优惠:搬瓦工优惠码:BWH3OGRI2BMW 最高省5.83%打开外面世界的一款主机点击了解更多

加入电报群

【江湖人士】(jhrs.com)原创文章,作者:江小编,如若转载,请注明出处:https://jhrs.com/2021/44450.html

扫码加入电报群,让你获得国外网赚一手信息。

文章标题:MinDoc插入视频音频文件教程(2024版)

(0)
江小编的头像江小编
上一篇 2021-10-27 09:03
下一篇 2021-10-31 13:07

热门推荐

发表回复

登录后才能评论
畅访海外网站,外贸/外企/科技工作者专用工具,无缝体验真实的互联网,解锁LinkedIn访问
$19.95 /年
直达官网