COS控制台新上线了文件预览性能,用户可在控制台内间接预览、编辑文件内容。

前不久,微软公布了 vscode for web 的布告,是基于web的在线代码编辑器,无需下载安装能够间接在web浏览器中运行,同时反对断点调试、版本治理、团队开发等性能。寰球最大的代码托管网站 github.com,也在网页端反对了在线编辑模式。人们对在线开发的激情被再次点燃。

同样是治理云上文件的腾讯云 COS,也在控制台推出了更便捷的在线管理文件的性能!

一、COS 控制台更新 - 文件预览和在线编辑

文件预览:提供了在线查看文件内容的性能,如在线播放音视频、查看 ppt/pdf 等文档。

文件编辑:不便开发者随时随地编辑 COS 存储桶文件,如在线批改动态网站代码、Markdown 文档。

二、如何应用

(一)文件在线编辑

在线编辑依赖 COSBrowser Web 版来实现。COSBrowser 客户端版大家曾经十分相熟了,WebIDE 的遍及越来越广,COSBrowser 也推出了 Web 在线版,不便开发者随时随地治理 COS 存储桶文件,来反对在浏览器内编辑文件内容的能力。

在腾讯云 COS 控制台,抉择存储桶进入文件列表页,点击右上角“在线编辑器”链接,即可跳转到 COSBrowser Web版编辑以后文件夹的文件。如果想对当前目录下的文件夹或文件编辑,能够在“更多”找到编辑按钮。


在线编辑COS存储桶文件

为了贴合开发者习惯,在COSBrowser web版里文件列表以目录树的模式在右边展现,左边为编辑区,用户可像在vscode里批改代码一样,在编辑区批改内容,编辑完之后,Ctrl+s键保留。再也不必依照以前那一套低效的下载--> 编辑 -- > 上传来实现文件的批改。

快捷方式一:按键盘快捷键进入编辑

如果你感觉这样的形式太过于平庸,不适宜Geek的你,咱们还筹备了更炫酷的性能给你,当你浏览COS控制台文件列表时,只须要点击键盘上的 . 键,即可进入在线编辑器,如下图:

快捷方式二:批改url地址进入编辑

你也能够通过批改文件列表的url来达到这个目标,将 url 中的 /bucket 改为 /dev,如 https://console.cloud.tencent... ,同样能够进入编辑以后文件夹。

(二)文件预览

首先抉择存储桶进入文件列表页,点击操作栏的预览按钮;

目前反对 图片、视频、音频、文档、代码文本 等简直所有的文件类型。


预览图片


视频播放


PPT文档预览


Excel文档预览

有了文件预览,咱们再也不须要下载到本地关上了,间接在页面一键预览,省时省力。

三、如何在本人的网站实现

(一)文档预览

除了浏览器本身显示的文件,COS 针对 docx、xlsx、pptx 等简单文档文件,推出了文档预览性能,开发者只有在控制台开启文档预览性能,在对象的拜访URL上加上预览参数?ci-process=doc-preview&dstType=html 即可应用,如 :

https://ci-h5-demo-1258125638...

(二)播放视频

在 Web 端实现视频播放,举荐应用腾讯云点播的“超级播放器”,不仅反对 RTMP、FLV、HLS、MP4 等格局,更提供了丰盛的音视频播放场景的实用功能。

(三)在线编辑

COSBrowser Web 的在线编辑器,应用了体验靠近 vscode 的 monaco editor,开发者能够自行在本人网站实现编辑。

四、写在最初

后续,咱们会持续深入钻研,提供更加人性化的性能给到大家,敬请期待。欢送体验和反馈倡议。