【AICon】探索RAG 技术在实际应用中遇到的挑战及应对策略!AICon精华内容已上线73%>>> 了解详情
写点什么

成人网站 Pornhub 技术栈首度公开

  • 2019-11-21
  • 本文字数:2865 字

    阅读完需:约 9 分钟

成人网站 Pornhub 技术栈首度公开

成人网站在推动 Web 发展方面所起到的作用无可辩驳。从突破浏览器的视频能力限制,到利用 WebSocket 推送广告(防止被广告拦截器拦截),你必须不断想出各种聪明的办法,让自己处在 Web 技术创新的最前沿。


最近,我有幸采访了大型成人网站 Pornhub 的一位 Web 开发工程师,了解了相关的开发技术、Web API 的改进,以及作为成人网站开发工程师是一种怎样的体验。


注意:因为成人网站这个行业竞争相当激烈,有一些问题他们不能回答我,这一点我表示理解。

成人网站需要显示大量的图像内容,在开发过程中,你是否使用了大量的图片和视频占位符?开发过程中的内容体验和最终产品差距大吗?

实际上,在开发这个网站时我们并没有使用占位符!归根结底,代码和功能才是最重要的东西,至于界面什么的,到了这个时候我们已经很熟悉了。刚开始时有一点难度,但很快我们就适应了。

在开发过程中,你们是如何模拟直播视频流和第三方广告脚本的?它们都是很重要的资源。

播放器被分为两个组件,基本组件实现了核心功能,用于触发事件。开发是单独进行的,在进行集成时,我们需要用到第三方脚本和广告,这样可以尽早发现问题。对于一些特殊情况,我们会与广告主合作,通过手动的方式来触发一些随机事件。

一般页面上至少会有一个视频、一些 GIF 广告、一些直播预览和其他视频的缩略图。你是如何测定页面性能的?以及如何尽量提升页面的性能?> 我们使用了一些测评系统。

  1. 播放器会将视屏播放的性能和用户播放情况发送给我们;

  2. 我们使用了第三方的 RUM 系统;

  3. 我们使用了 WebpageTest,这样就可以知道在某个时段发生了什么事情。

我假设播放器是前端的一个最重要也最复杂的功能。在视频前面插入广告、标记视频的关键部分、改变播放速度,等等,你是如何保持播放器的性能、功能和稳定性的?

我们有一个专门负责开发播放器的团队,他们的首要任务是持续地监控播放器的性能。我们用上了所有可用的工具:浏览器性能工具、WebpageTest、性能指标,等等。每次在发布更新之前,我们都会进行一轮严格的 QA 来保证稳定性和质量。

视频团队有多少专职开发人员?有多少前端开发人员?

我只能说,如果从整个产品的规模来看,我们的团队规模算是中等的。

在从事成人网站开发期间,你看到前端领域经历了哪些发展?有哪些新的 Web API 给你带来很大的帮助?

我看到前端技术在很多方面都有进步。

  1. 从使用纯 CSS 到使用 LESS 和 Mixin,再到使用灵活的栅格系统和图像标签来适应不同的分辨率和屏幕大小;

  2. jQueryjQueryUI 逐渐淡出了我们的视线,我们回到了更加面向对象的纯 JavaScript 编程。一些框架在某些场景下也起到非常有趣的作用;

  3. 我们很喜欢新的 IntersectionObserver API,用它来加载图像非常高效;

  4. 我们还使用了画中画 API,让视频漂浮在页面上,不过现在还在争取用户对这个想法的反馈。

展望未来,有没有哪些 Web API 是你希望发生变化、改进的?或者出现新的 Web API?> 我们希望这些 API 能够发生变化或改进:Beacon、WebRTC、Service Worker 和 Fetch。

Beacon:在 iOS 上有些问题,对 pageHide 事件支持得不太好;

Fetch:没有下载进度,也没有提供拦截请求的方式;

WebRTC:在进行直播时,如果分辨率不够大就会有所限制;

Service Worker:调用 navigator.serviceWorker.register 不会被 Service Worker 的 Fetch 事件处理器拦截到。

WebVR 在过去几年已经有所改进。目前来看,它的作用有多大?成人网站会投入多大精力来支持 VR 内容?Pornhub 的 WebVR 有涉及触觉技术吗?

我们正在研究如何将 WebXR 应用在沉浸式空间场景中。作为最大的内容分发平台,我们有必要为用户提供让他们能够按照自己的方式来体验网站内容的机会。但我们还在探索,在使用这些新媒体时,内容和平台应该是什么样子。

我们是支持 VR、计算机视觉和虚拟主播的一个主要平台,我们将继续推动新技术的发展。

每个页面上都有不同类型的媒体和内容,对于桌面版或移动版来说,最需要考虑的东西是什么?

我们主要考虑操作系统和浏览器对功能方面的限制。比如,iOS 和 Android 在访问权限和功能方面就非常不一样。

一些 iOS 设备不允许在全屏时使用自定义播放器,它们会强制使用原生的 QuickTime 播放器。而 Android 则给了我们完全的控制权限,可以在全屏时使用我们的播发器。

另一个例子是 HLS 视频流,IE 和 Edge 对 HLS 视频流质量非常挑剔,所以我们需要控制视频的质量,否则在播放时就断断续续或者出现重影。

目前 Pornhub 可以支持的最低浏览器版本是哪个?现在还支持 IE 吗?

我们支持 IE 很长时间了,但最近不支持 IE 11 之前的版本。另外,我们也停止支持 Flash 播发器。我们现在主要支持 Chrome、Firefox 和 Safari。

可以分享一下 Pornhub 的技术栈吗?从服务器端到前端,你们使用了哪些库?

基本上,我们使用了这些东西:

Nginx

PHP

MySQL

Memcached/Redis

其他技术还包括 Varnish、ElasticSearch、NodeJS、Go 语言、Vertica。

前端方面,我们主要使用了纯 JavaScript。我们在逐步淘汰 jQuery,并开始使用框架,比如 Vue.js。

在外行看来,成人网站的网页上一般充斥着各种视频缩略图、视频、直播和广告。从开发者的角度来看,是什么东西让一个成人网站变得与众不同?

我们努力让每一个品牌都具备一定程度的独特性,不同的内容、界面体验和功能,还使用了很多不同的算法。

在面试 Pornhub 时,你是怎么想的?你有犹豫过吗?如果有,又是怎么消除这种情绪的?

我没有感到有什么不妥,毕竟这个挑战对我来说充满了吸引力。一想到有数百万人会用到我开发的东西,我就感到很兴奋。这个想法很快就得到了验证,当我开发的功能第一次上线时,我感到很自豪,我还叫我的朋友们也去看看!成人网站永远都不会消亡,它为我们提供了稳定的工作来源。

与开发一般的网站相比,开发成人网站可能会有所不同。当你告诉你的朋友、家人和熟人自己在开发成人网站,你会觉得这是一种耻辱吗?你会犹豫告诉他们这些吗?

我为自己开发的东西感到自豪,我身边的人都知道,也很喜欢它们。这也成了我们的茶余饭后的谈资,非常有意思。

你也在其他地方开发过其他网站,在 Pornhub 的工作氛围有什么不同吗?

这里的氛围非常轻松友好,我不觉得跟在其他地方有什么不同。

作为前端开发人员,你需要与哪些团队密切接触?你们平常常用哪些交流方式?

我们需要与后端开发人员、QA 和产品经理打交道。大部分时间我们会跑到各自的工位上讨论问题,其次是使用聊天工具(Microsoft Teams),然后是电子邮件。

最后,作为一名在成人网站工作的开发工程师,你还有什么想要分享的吗?

我非常高兴能够参与开发这个有如此大规模用户的产品。我们身处技术发展的最前沿,这让一切都变得有趣且颇具挑战性。

后记

这个采访很有启发性。我很惊讶他们在开发时居然没有使用图像。Pornhub 走在 Web 技术的最前沿——WebXR、WebRTC 和 Intersection Observer API。我也很高兴看到他们开始逐步淘汰 jQuery,因为现在的 Web API 很给力。


我很想从他那里挖到更过有关技术和性能的细节,我敢肯定他们的源代码里有很多值得一学的东西。换了是你,你会想问哪些问题?

原文链接

Interview with a Pornhub Web Developer


2019-11-21 14:2358436
用户头像
小智 让所有人认同的文字称不上表达

发布了 408 篇内容, 共 376.2 次阅读, 收获喜欢 1972 次。

关注

评论 11 条评论

发布
用户头像
PHP确实厉害。但是一些公司也在逃离PHP
2020-01-06 20:13
回复
用户头像
可以关注约拍宝
2020-01-03 18:18
回复
用户头像
感觉你在开车,但是没有证据
2019-12-04 20:23
回复
用户头像
大部分情况下,PHP都能非常好的满足WEB业务的需求。尤其是中小规模网站,PHP因为它的高效和简单,更是首选。
2019-11-28 10:30
回复
没有seqing(以下简称SQ)业就没有互联网的发展.以前的人只能在杂志上看S图,最后2G时代手机上可以看相片,也可以看3GP格式的视频,3G时代手机上可以播放更清晰的视频了,屏幕分辨率得到了跨越式的进化,然后步入4G时代,各种非法直播APP,手机用流量随时都能看,国家的提速降费实施后,电脑上在线1080P视频也可以流畅播放.5G了,这不有些VR的SQ影片和设备已经开发出来了...SQ,真的是除了战争之外对社会前进最有推动力的行业了!!!
2019-12-03 17:09
回复
用户头像
实用
2019-11-27 17:09
回复
用户头像
不愧是P(拍)H(黄)P(片), 面向名字技术选型
2019-11-25 11:52
回复
你个小机灵鬼
2019-11-28 11:56
回复
傻逼,真他妈好笑
2019-12-24 00:01
回复
用户头像
PHP牛逼
2019-11-22 10:22
回复
用户头像
PHP语言到现在还是可以做出最好的网站,云计算kubernetes的兴起让各个语言技术栈充分竞争.
2019-11-21 14:30
回复
没有更多了
发现更多内容

LiveMe x TiDB丨单表数据量 39 亿条,简化架构新体验

TiDB 社区干货传送门

「技术直播」分布式数据库订阅功能的原理及实现

TDengine

数据库 tdengine 时序数据库

ITSM | 权威指南发布,高速IT服务管理团队是什么样子的?

龙智—DevSecOps解决方案

数字化 ITSM IT服务管理中心

2022年度回顾 | 这一年,LigaAI写了10万字

LigaAI

程序员 产品经理 敏捷开发 2022年终总结 企业号 1 月 PK 榜

数据库发展史

TiDB 社区干货传送门

数据库前沿趋势

灵雀云入选2022 EDGE AWARDS「创新场景50」年度最佳场景实践榜单

York

云原生 数字化转型 业务思维 科技创新

【架构设计】如何让你的应用做到高内聚、低耦合?

JAVA旭阳

Java 架构

TiDB 6.5 LTS 发版

TiDB 社区干货传送门

新版本/特性发布

可以一学的代码优化小技巧:减少if-else冗余

华为云开发者联盟

JavaScript 前端 代码 华为云 企业号 1 月 PK 榜

做产品质量“守护神” 华为云CodeArts TestPlan测试管理平台解读

科技热闻

快速构造String对象及访问其内部成员的技巧

阿里技术

Java jdk FASTJSON2

可观测性之Log4j2优雅日志打印原创

宋小生

日志 可观测性 log4j2

版本控制 | 一文了解虚拟制作,进入影视制作新赛道

龙智—DevSecOps解决方案

版本控制 版本控制软件 虚拟制作

ios新游上架

雪奈椰子

ios打包

“数据库内核从入门到精通 ”系列课开讲!

阿里云数据库开源

开源数据库 polarDB PolarDB-X 阿里云数据库 PolarDB for PostgreSQL

关于 Serverless 应用架构对企业价值的一些思考

阿里巴巴云原生

阿里云 Serverless 云原生

发布文章指引手册

TiDB 社区干货传送门

社区活动

缓存与数据库双写时的数据如何保证一致性?

风铃架构日知录

Java 程序员 后端 开发工程师 后端开发工程师

软件测试/测试开发丨你以为Shell只是命令行?读懂这篇文,给你的工作赋能

测试人

Shell 软件测试 命令行 自动化测试 测试开发

关于 TiDB 对接数据仓库的一些思考

TiDB 社区干货传送门

实践案例 新版本/特性解读 数据库架构设计 6.x 实践

CodeArts TestPlan:一站式测试管理平台

华为云开发者联盟

云计算 后端 华为云 企业号 1 月 PK 榜

上架苹果

雪奈椰子

ios打包

软件测试/测试开发丨接口测试该怎么做?持证上岗的Charles,可以帮你做什么?

测试人

软件测试 自动化测试 接口测试 charles 测试发开

首汽约车驶向极速统一之路!出行平台如何基于StarRocks构建实时数仓?

StarRocks

数据库

软件测试/测试开发丨接口管理工具YApi怎么用?颜值高、易管理、超好用

测试人

软件测试 接口测试 YAPI 测试开发

案例故事丨老虎国际 x TiDB ,降低架构复杂性,保障全球用户安全可靠投资

TiDB 社区干货传送门

从0到1介绍一下开源大数据比对平台dataCompare

诸葛子房

大数据 开源 低代码

分久必合?数据库进入“超”融合时代 | 爱分析调研

YMatrix 超融合数据库

数据库 数字化转型 案例分享 超融合数据库 YMatrix

浅析华为云基于HBase MTTR上的优化实践

华为云开发者联盟

大数据 后端 华为云 企业号 1 月 PK 榜

iOS不想上架

雪奈椰子

ios打包

npm 包 chalk-next 被开发者投毒,导致 SRC 目录被删

墨菲安全

npm 投毒 npm chalk-next chalk-next 投毒

成人网站 Pornhub 技术栈首度公开_架构_David Walsh_InfoQ精选文章