实现网

预估 6000 元

基于CKEditor5,开发插件实现分页功能 远程兼职
JavaScript
HTML/CSS
VUE

1. CKEditor5富文本编辑器,本身不带分页功能,期望开发插件实现分页功能。 2. 在分页功能基础上实现页眉、页脚、页码的展示和编辑。 3. 实现所见即所得,导出的PDF和编辑页面表现一致。 4. 仅需要开发前端部分功能,后端接口开发由公司来承担。 5. 可以分两个阶段开发、上线。阶段一:核心分页功能完成。阶段二:在分页的基础上页眉、页脚、页码等功能完成。 6. 公司产品:https://docs.zhishigu.net/,可注册账号体验 7. 需求如下所述: 分页功能 编辑页两种模式,分页模式和连页模式,新建文件默认为分页模式,可以通过以下方式切换: 在编辑页面的底部加一个区域,显示分页模式的icon和字数等信息,底部区域的背景色与顶部工具栏相同,如下图所示. 1 分页模式 1.1底部显示分页模式的icon,第m页/共n页和总字数.鼠标放置到icon上显示"退出分页模式",单击icon后icon处于未选中状态,编辑器变为连页模式,鼠标放置到icon上显示"进入分页模式".(效果与腾讯文档https://docs.qq.com/保持一致) 1.2分页模式下页面间有间隙,大概如下图所示。 1.3页眉页脚 1.3.1光标移动到页眉或页脚区域的时候分别显示“双击编辑页脚”和“双击编辑页眉”字样,显示字样的效果与金山文档https://www.kdocs.cn/保持一致 双击弹出页眉页脚设置窗口(弹窗从导出PDF弹窗修改) 1.3.2弹窗区域分输入区和预览区(这块的输入及预览逻辑与导出PDF弹窗相同) 1.3.3编辑器内页眉和页脚区域的大小  如下图所示,黑色为页面,红色为页边距,绿色为页眉和页脚区域.  1+2+3的高度最小值为2cm,其中1为页眉到页边距的固定距离0.1cm,2为页眉固定高度1cm,3页眉到页面顶部的距离为可变值,最小为0.9cm(页边距越大,3的值越大).  如果页眉或页脚的内容为空,则页边距设置为0到2cm时有效;如果页眉或页脚有内容,则页边距设置为0到2cm时无效(此时编辑页的实际页边距为页眉或页脚的最小值2cm),页边距设置为大于2cm才有效; 1.3.4 弹窗的内容在编辑页的显示逻辑  左、中、右三个输入框表示对齐方式,不是三个区域,左侧输入框的内容较多时会从最侧一直向右排,超出页面部分不显示,如下图所示:  左侧输入框的内容在编辑页页眉或页脚处左对齐,中间输入框的内容在编辑页页眉或页脚处中间对齐,右侧输入框的内容在编辑页页眉或页脚处右对齐,如下图所示;  文字大小为小五,中文的字体为微软雅黑,英文及数字的字体为arial字体;  页码样式为1,2,3…,字体大小为小五;  插入的图片压缩到1cm高度(保持长宽比不变);  输入内容为单行文字时,文字在1cm高度方向上居中显示;最多能显示两行文字,超出两行之外的文字不显示。 1.3.5在页眉页脚弹窗填写信息并保存后会在编辑器页面显示。另外信息会同步到导出PDF弹窗。在导出PDF弹窗填写的信息也会同步到页眉页脚设置弹窗。 1.4分页时的图片处理 一张图片不能跨页显示 1.5分页时的表格处理  整个表格高度不足一页时,不用自动放到一页上,可以分在两页显示  跨页显示不能存在以下图示的情况:  如果存在其余跨页逻辑,参考Word 1.6导出PDF后的效果与分页模式下看到的效果一致,即分页模式下为所见即所得. 2 连页模式 连页模式下不显示页眉和页脚。 底部显示分页模式的icon和总字数.鼠标放置到icon上显示"进入分页模式",单击icon后icon处于选中状态,编辑器变为分页模式,鼠标放置到icon上显示"退出分页模式".(效果与腾讯文档https://docs.qq.com/保持一致) 3.每个文档的模式单独保存,关闭文档时保存当前设置的模式. 4.编辑区域的缩放(绑定Ctrl+滚轮的快捷键)和全屏(效果与腾讯文档https://docs.qq.com/保持一致)

Small d082282494d9f737f16370b1efa07240
昵称登录后显示 接近 2 年前发布

预估 9000 元

已有2人投递
视频编解码 远程兼职

一、概述:基于ffmpeg实现《GB/T 28181-2016》的音视频编解码,需要支持TCP/UDP两种视频流的接收,进行解码--压缩--编码的过程;再此过程中,有些异常的视频流(比如花屏、卡顿等情况),需要进行处理。可提供视频流包。 二、需求: 1)媒体服务;该部分主要工作是媒体相关部分工作,其它信令工作由其它功能完成; 2)可以接入GB信令平台建立的媒体网络连接,并按照GB28181-2016版本附录C的要求解封装; 3)可以支持硬件编解码(Nvidia P4/T4 和 Nvidia AGX Xavier); 4)考虑传输方案,最终转码视音频为mpeg1并通过http推送; 5)提供保活机制,检测到断流则推送信息至指定服务(http形式,根据入参url,反馈接收流的端口已断流); 6)运行环境:centos 7 或者 Ubuntu 16.04 及以上; 7)需要提供源代码,打包后的ffmpeg以及相应的命令行调用方式; 三、实现流程 1、支持命令传参调用;如以下示例: ./ffmpeg-gpu -protocol_whitelist file,crypto,http,tcp,udp,rtp,tcpgb,udpgb -c:v h264_cuvid -i tcpgb://ip:port -pix_fmt yuv420p -an -f mpegts -codec:v mpeg1video -b:v 800k -bf 0 -s 720x404 -r 25 http://ip:port/helloworld/720/404/ 注:-i 后边可以用tcpgb/udpgb来区分是tcp/udp流 2、针对命令参数传进来的媒体服务器ip,port建立tcp/udp server接受下级平台媒体服务器发送过来的GB28181定义的媒体数据,并完成相应的组包,解封装等提取出裸视音频数据,完成转码操作 3、将转码后的音视频数据按照http协议推送到指定的http server 4、断流检测,当检测到该端口接收不到流时,发送Http消息通知信令服务器。 已经有2011版本,可在此基础上完成。

Small c40c92302a0edc0949ff4828957f6e48
昵称登录后显示 接近 2 年前发布

预估 10000 元

已有2人投递

我是技术人才
我在寻找远程工作

技术人才入驻

我是创业者
我在寻找技术人才

发布用人需求