消息队列_oracle数据库升级_测评 小七 2019年10月25日 21:23 141 0 不管你喜不喜欢,视觉传达的故事比文字更好。但是在网站上使用图片和视频带来了挑战。本文是对网站图像性能改进的后续研究,其中我们讨论了如何高效地上传、存储、操作、优化和交付图像。现在,我们谈谈视频。很多正如我们在上一篇文章中谈到的管理网站上的图像一样,您可能还需要呈现视频内容。相信我——简单地向浏览器抛出一个带有准确来源的标签并不能让用户满意。在较高的层次上,您需要考虑网站布局、视频质量和交付,以及应对挑战,例如:根据网络状况调整视频质量。例如,与发达国家的用户相比,发展中国家的用户的互联网连接可能较慢向移动用户提供内容不同浏览器的代码转换操作视频,如调整大小、裁剪和添加视觉效果这些要求使得视频变得复杂。你不能在几个小时内就搞定视频。事实上,你可能会发现很难找到视频管理的某些问题的答案。但是,有一个快速的解决方案——云计算。网络研讨会Cloudinary是一个一体化的媒体管理解决方案。为了便于上传,我们将使用Cloudinary视频。让我们来看看如何在节点应用程序中使用Cloudinary。在现有应用程序中使用Cloudinary进行设置和安装非常简单:创建一个免费的云数据库帐户。您将收到一个API密钥和密码。将密钥和云名称存储在安全且易于访问的位置。在现有项目中安装Cloudinary SDK:npm install—保存cloudinary使用在创建新帐户后收到的凭据在节点应用程序中包含并配置Cloudinary:复制到剪贴板var cloudinary=require('cloudinary');cloudinary.config文件({云名称:'',api密钥:"",api密钥:'[{:width=>300,:height=>300,:crop=>"fill"},{8:0"云效果=>"图标=>"覆盖">:0正确度:200",:不透明度=>50}])PHP:复制到剪贴板cl_video_tag("MLB_Vid",数组("transformation"=>数组(数组("width"=>300,"height"=>300,"crop"=>"fill"),数组("overlay"=>"cloudinary_icon","width"=>0.8,"flags"=>"相对","effect"=>"b正确度:200","不透明度"=>50))))Python:复制到剪贴板CloudinaryVideo("MLB视频")。视频(转换=[{'width':300,'height':300,'crop':"fill"},{'overlay':"cloudinary_icon",'width':0.8,'flags':"相对","effect":"b正确度:200",‘不透明度’:50}])节点.js:复制到剪贴板云数据库.video("MLB视频",{转换:[{宽度:300,高度:300,裁剪:"填充"},{覆盖:"cloudinary_icon",宽度:"0.8",标志:"相对",效果:"b"正确度:200,不透明度:50}]})Java:复制到剪贴板cloudinary.url().转换(新转换().width(300).height(300).crop("fill").chain().overlay(new Layer().publicId("cloudinary_icon")).width(0.8).flags("相对").effect("b正确度:200").opacity(50)).videoTag("MLB_Vid");JS:复制到剪贴板cloudinary.videoTag('MLB\u Vid',{转换:[{宽度:300,高度:300,裁剪:"填充"},{覆盖:新建云层().publicId("cloudinary_icon"),宽度:"0.8",标志:"相对",效果:"b"正确度:200,不透明度:50}]}).toHtml();jQuery:复制到剪贴板$.云数据库.video("MLB视频",{转换:[{宽度:300,高度:300,裁剪:"填充"},{覆盖:新建云层().publicId("cloudinary_icon"),宽度:"0.8",标志:"相对",效果:"b"正确度:200,不透明度:50}]})反应:复制到剪贴板Vue.js版:复制到剪贴板角度:复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlVideoUp.Transform(新转换().Width(300).Height(300).Crop("fill").Chain().Overlay(new Layer().PublicId("cloudinary_icon")).Width(0.8).Flags("相对").Effect("b正确度:200").Opacity(50)).BuildVideoTag("MLB视频")Android:复制到剪贴板媒体管理器.get().url().transformation(新转换().width(300).height(300).crop("fill").chain().overlay(new Layer().publicId("cloudinary_icon")).width(0.8).flags("相对").effect("b正确度:200").opacity(50)).resourceType("video").generate("MLB")_参考mp4");iOS:复制到剪贴板cloudinary.createUrl().setResourceType("视频").setTransformation().setWidth(300).setHeight(300).setCrop("填充").chain().setOverlay("cloudinary_icon").setWidth(0.8).setFlags("相对").setEffect("b正确度:200").setOpacity(50)).generate("MLB_参考mp4")视频转换示例Let's see五种有趣的技术,您可以使用视频传输队形:1。调整大小和裁剪您可以调整视频的大小和宽度以适应用户的屏幕,这将反过来减少所需的千字节数已下载:urlrubyphpythonnode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll:复制到clipboardhttps://res.cloudinary.com/demo/video/upload/w効150,高150/MLB_视频mp4Ruby:复制到剪贴板cl_video_tag("MLB视频","宽度=>150,:height=>150,:crop=>"缩放")PHP:复制到剪贴板cl_video_tag("MLB视频",数组("宽度"=>150,"高度"=>150,"裁剪"=>"缩放"))Python:复制到剪贴板CloudinaryVideo("MLB视频")。视频(宽度=150,高度=150,裁剪="比例")节点.js:复制到剪贴板云数据库.video("MLB视频",{宽度:150,高度:150,裁剪:"缩放"})Java:复制到剪贴板cloudinary.url().transformation(new transformation().width(150).height(150).crop("scale")).videoTag("MLB_Vid");JS:复制到剪贴板cloudinary.videoTag('MLB_-Vid',{width:150,height:150,crop:"scale"}).toHtml();jQuery:复制到剪贴板$.云数据库.video("MLB视频",{宽度:150,高度:150,裁剪:"缩放"})反应:复制到剪贴板Vue.js版:复制到剪贴板角度:复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlVideoUp.Transform(new Transformation().Width(150).Height(150).Crop("scale")).BuildVideoTag("MLB\Vid")Android:复制到剪贴板媒体管理器.get().url().transformation(新转换().width(150).height(150).crop( 本文地址: /zhuji/7137.html 版权声明:本文发布于收集站云 内容均来源于互联网 如有侵权联系删除