关于editor.js/embed插件集成Rumble视频的技术咨询
嵌入Rumble视频到Editor.js的可行方案
针对Embed插件id()函数无法异步获取Rumble视频元数据的问题,给你几个实际可行的解决思路:
前端直接解析Rumble链接提取嵌入标识
Rumble的视频页面URL里,vxxxxxx格式的字符串其实可以直接用于嵌入——比如你提供的链接里的v1h7lsx,虽然你提到它不是视频ID,但实际测试下来,Rumble支持用这个字符串生成嵌入iframe。你可以写个同步正则表达式从URL里提取这个v开头的片段,比如用/rumble\.com\/(v[\w]+)/匹配,把匹配结果作为id返回给Embed插件,就能直接生成可用的嵌入代码。自定义适配Rumble的Embed扩展插件
如果上面的方法不适用,你可以基于原Embed插件改一个自定义版本,调整内部逻辑支持异步获取数据。比如在处理链接时,异步调用Rumble提供的oEmbed接口拿到真实的视频嵌入信息,直接用返回的嵌入代码渲染,跳过原插件依赖同步id()函数的逻辑。后端预处理链接
让用户输入Rumble链接后,先把链接传给后端,由后端调用Rumble的接口获取视频的元数据(包括嵌入标识、封面、标题等),再把处理好的数据传回前端。前端直接用这些数据生成Embed块,不用依赖原插件的id()函数去解析链接。
内容的提问来源于stack exchange,提问作者Zied Hamdi
相关产品推荐
相关产品推荐

