Tumblr 现已支持网页版 Live Photos,并开源了其 JavaScript 库

本文涉及的产品
视频直播,500GB 1个月
简介:

 

Live Photos 是苹果公司在 iPhone 6s 和 6s Plus 开始推出的一种新的文件格式,能够捕捉拍照前后 1.5 秒内的图像,是静态图像和短视频的结合体,能够为用户提供独特的播放体验。苹果公司并不是唯一一家使用该技术的公司,三星、谷歌和其他公司也紧随其后,纷纷效仿。

去年年底,全球最大的轻博客网站 Tumblr 宣布在它的移动应用上支持 Live Photos(动态照片)功能,十个月后的今天,Tumblr 又将 Live Photos 功能成功地应用到它的网页版。与此同时,Tumblr 还发布了名为 Laphs(Live Anywhere Photos)的开源 JavaScript 库,供其他网页开发人员使用,从而达到在任何网页上都能使用 Live Photos 功能的目的。

现在,要想在网页上观看 Live Photos 效果图片,不同于移动设备上的重压操作,用户需用鼠标点击并持续按住才可激活其效果。为了能让该功能在 Web 应用,用户通过 iOS 设备发布 Live Photos 效果图片后,Tumblr 会接收到静态图像(.jpeg)和视频(.mov)两个副本,并将 .mov 格式文件转码为 .mp4 格式,来确保它能够在浏览器正常播放。然后,Tumblr 再利用 Laphs 解决方案将 .jpeg 和 .mp4 文件进行整合,将其引入 Tumblr 网页体验,重建 Live Photos 播放效果。

Tumblr 网站上的 Live Photos 在图片左上角标有一个同心圆图标,公司未来计划将 Live Photos 功能应用到安卓版本。


本文转自d1net(转载)

相关文章
|
3月前
|
存储 JavaScript 前端开发
使用JavaScript构建动态交互式网页:从基础到实践
【10月更文挑战第12天】使用JavaScript构建动态交互式网页:从基础到实践
182 1
|
2月前
|
移动开发 JavaScript 前端开发
一些处理浏览器兼容性问题的JavaScript库
这些库在处理浏览器兼容性问题方面都有着各自的特点和优势,可以根据具体的需求和项目情况选择合适的库来使用,从而提高代码的兼容性和稳定性,为用户提供更好的体验。同时,随着浏览器技术的不断发展,还需要持续关注和学习新的兼容性解决方案。
112 48
|
2月前
|
JavaScript 前端开发
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
Moment.js与其他处理时间戳格式差异的JavaScript库相比有什么优势?
|
2月前
|
CDN
如何在项目中使用Moment.js库?
如何在项目中使用Moment.js库?
|
2月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
55 5
|
2月前
|
JavaScript 前端开发
如何在不影响性能的前提下使用JavaScript库来实现复杂的动画效果?
如何在不影响性能的前提下使用JavaScript库来实现复杂的动画效果?
|
2月前
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
49 1
|
2月前
|
JavaScript
js实现简洁实用的网页计算器功能源码
这是一款使用js实现简洁实用的网页计算器功能源码。可实现比较基本的加减乘除四则运算功能,界面简洁实用,是一款比较基本的js运算功能源码。该源码可兼容目前最新的各类主流浏览器。
28 2
|
2月前
|
JavaScript 前端开发 搜索推荐
Moment.js、Day.js、Miment,日期时间库怎么选?
【10月更文挑战第29天】如果你需要一个功能强大、插件丰富的日期时间库,并且对性能要求不是特别苛刻,Moment.js是一个不错的选择;如果你追求极致的轻量级和高性能,那么Day.js可能更适合你;而如果你有一些特定的日期时间处理需求,并且希望在性能和功能之间取得平衡,Miment也是可以考虑的。
|
2月前
|
存储 JavaScript 前端开发
decimal.js库的安装和使用方法
【10月更文挑战第24天】decimal.js 是一个非常实用的高精度计算库,通过合理的安装和使用,可以在 JavaScript 中实现精确的数值计算和处理。你可以根据具体的需求和项目情况,灵活运用该库来解决数字精度丢失的问题。