查看完整代码回购试一试演示我是一个开发人员变成了教学设计师。事实上，从上世纪80年代中期研究生院开始，我就开始从事专业的编码工作，并且在过去的几十年里，我经历了多次向用户交付应用程序的迭代。越来越有趣了！我的大部分工作涉及构建面向业务的应用程序，从为医院病历表创建仪表板到配置软件定义的网络（SDN）。几年前，我被邀请参加一次艺术表演，这是值得的。参与者可以自由控制要构建什么，除了他们必须为他们的应用程序编写和使用开源代码。网络研讨会我的相机APP因为我被吸引到节点相机和CSS过滤器，我相信两种技术结合在一起，我创建了一个完整的堆栈节点应用程序来通过后端C++应用程序访问设备相机，然后使用Web套接字将图像推到浏览器上，前端JavaScript每30秒改变CSS过滤器。谈劳动密集型！从代码上看，便宜的云服务器，你可以看到流程的简化。对于艺术赞助人来说，相机是一次迷人的体验。他们会让人给他们拍照，然后照片会被展示在墙上，并转化成色彩、棕褐色和安迪·沃霍尔艺术般的形象。人们会摆出姿势，然后观察变换后的照片。我为什么要开发这样的应用程序？嗯，我早就在浏览器里编程了，物联网协议，那是一个封闭的容器。我无法访问网站文件系统之外的内容，更不用说与我所在设备相关的任何功能了。我的项目是与浏览器共享设备。然而，我所使用的技术有些过火，因为许多浏览器API，如WebRTC，都可以方便地访问数据，包括摄像头生成的媒体，外面浏览器Cloudinary ConnectionI甚至在教学时就知道Cloudinary，物联网传感器，并向学生推荐它的服务，因为它在为web开发准备图像方面提供了巨大帮助。去年秋天加入Cloudinary后，我开始深入学习它的产品特性，我突然意识到，我可以用我以前教学生的工具和框架来创建一个前端应用程序。为了将我对从浏览器中拍摄照片的兴趣与Cloudinary存储、转换和传送图像的卓越功能相结合，我设计了Vue Camera，一个Vue.js版RTC用WebApp拍照的API。然后，您可以将这些图片下载或存储在Cloudinary帐户中。因为该应用程序还包装了一个Cloudinary产品库小部件，如果您在Cloudinary帐户中存储了图片，大数据和数据分析区别，那么您可以在应用程序本身中查看它们。另外，由于Vue Camera是一个响应性很强的应用程序，所以你可以在手机上运行它，同时拍摄自拍和elsies（与selfies相反）。我的Cloudinary账户上有很多这样的图片一：轮到你了你自己去试试Vue相机？无论是作为开发人员还是对Cloudinary的功能感兴趣的人，除非您在手机上打开Vue Camera，否则您的Cloudinary帐户中会有许多类似于上面的图片。请确保在提示时授予设备权限，以便网页可以访问摄像机。到在Cloudinary上存储图像，以便利用产品库小部件，请先执行以下两个步骤：创建一个免费的云数据库帐户。创建未签名的上载预设。分配了云名称并设置了预设后，单击Vue摄像头的齿轮图标，大数据存储技术，然后在弹出的Cloudinary上载信息表单的文本字段中输入它们的值。然后你就可以上传图片了。开始从手机中取出elsies并将其显示在gallery中。请参阅下面的示例。请看我的下一篇文章，它详细介绍了Vue的开发过程相机。关于cloudinarcolutionary为世界顶级品牌提供易于使用、基于云的媒体管理解决方案。Cloudinary在美国、英国和以色列设有办事处，迅速成为全球主要公司的开发者和营销人员用来简化富媒体管理和提供最佳最终用户的实际解决方案经验。为了更多信息，请访问网站或者在Twitter上关注我们