专栏名称: Python之禅
分享Python相关技术干货，偶尔扯扯其它的
目录
相关文章推荐
Python爱好者社区  ·  国企官网被挂上“码农的钱你也敢吞，还钱” ·  昨天  
Python中文社区  ·  揭秘 DeepSeek ... ·  昨天  
Python开发者  ·  DeepSeek 下棋靠忽悠赢了 ... ·  3 天前  
Python爱好者社区  ·  “给我滚出贵大！”郑强出任贵州大学校长，打算 ... ·  4 天前  
Python爱好者社区  ·  DeepSeek 最新中国大学排名 ·  2 天前  
51好读  ›  专栏  ›  Python之禅

成人网站 PornHub 都用了哪些技术？

Python之禅  · 公众号  · Python  · 2020-03-23 17:10

正文


我感兴趣的事情太多了，咱们一起来探索

原文 | https://davidwalsh.name/pornhub-interview
不管你对色情行业持有何种观点，都不能否认成人网站的产业对于推动网络发展的巨大影响力。从推动浏览器对视频的限制到为了广告不被屏蔽，而通过WebSocket推送广告，你不得不在网络前沿领域创新上变得更聪明。
最近，我足够幸运的能采访到了一位Web开发人员，供职于最大的成人网站：PornHub。我想了解下技术相关的事情，web APIs 还能怎么改进以及在成人网站工作的感受。有趣！
备注：成人产业竞争非常激烈，所以有一些问题他们不能回答。我尊重他们需要保密的需要。
成人网站显然要显示很多色情的图片和视频。在开发过程中，你们会用其他的图片和视频把色情的图片和视频替换掉吗？开发中的内容和体验距离最终产品有多远呢？
实际中，在开发网站时，我们不替换图片和视频！ 在最后重要的是网站的代码和功能，我们很快就习惯了网站的界面内容，当然一开始肯定“学习曲线”有点陡，但我们都很快适应了

当有视频流和第三方广告脚本，你们怎么在网站和功能的开发过程中模拟如此重要的，动态的资源？
在开发中，播放器功能分为两个部分。基础播放器执行核心功能和触发事件。开发是在一个“干净”的环境进行的。对于网站上的集成，我们想执行第三方的脚本和广告，以便我们能尽早找到问题。在特殊情况下，我们会和广告客户合作，允许我们手动触发通常是随机的事件。
一个普通页面可能有至少一个视频，GIF广告，一些直播视频的预览和其他视频的缩微图。你怎么评估页面性能，怎么尽可能保证高性能？有什么技巧可以分享么？
我们用了一些评测系统。
我们的播放器会向我们报告视频回放性能和一般操作的指标
整体网站性能使用第三方 RUM(Real User Monitoring )系统 。
在可用的AWS数据中心中用 WebpageTest编写测试脚本 。我们用这个主要是为了看看在给定的时间可能发生的情况。它还允许我们以不同的位置查看“瀑布型”报表
我不得不假设前端最重要和最复杂的功能是视频播放器。从在视频之前添加广告、标记视频的亮点、更改视频速度和其他功能，您如何保持播放器的性能、功能和稳定性？
我们有一个专门的团队针对视频播放器进行严格工作，他们的首要任务是不断的监控性能和效率。为了做到这一点，我们使用了几乎所有可用的工具：浏览器性能工具、网页测试、各项指标等。稳定性和质量是在每次更新时由QA做一轮可靠的测试来保证的。
视频团队有多少人？前端团队有多少人？
我想说的是，基于产品的规模，团队人数趋于行业平均值
你工作在成人网站的这段时间里，你看到了前端有什么变化吗？有什么新的APIs使你工作变 得 更容易吗?
在前端世界的每个方面，我绝对都看到了很多改进；
从普通CSS到最终使用LESS和Mixins ，到使用具有媒体查询和图片标签的flexible Grid system，以适应不同分辨率和屏幕尺寸。
jquery和jqueryUI正在慢慢地离开 ，因此我们将回到纯js中更高效的面向对象编程。在某些情况下，框架也非常有趣。
我们喜欢新的 IntersectionObserver API ，对于更有效地加载图片非常有用。
我们也开始使用 Picture-in-Picture API ，在我们的一些页面上播放浮动视频，主要是为了获得用户对这个想法的反馈。


展望未来，有没有Web APIs 是您希望修改、改进甚至自己创建的呢？
其中一些是我们希望修改或改进的； Beacon、WebRTC、Service Workers和Fetch：
Beacon：在IOS上的一些问题，它不能很好地处理pageHide事件
Fetch：没有下载进度，也不提供拦截请求的方法
WebRTC：如果分辨率不够大，即使是屏幕共享，Simulcast layers也是被限制的
Service Workers：调用navigator.servicework.register不会被任何服务工作进程的fetch事件处理程序拦截
网络虚拟现实(WebVR) 技术在过去几年里一直在进步——在目前的状态下，WebVR有多大用处？成人网站对内容的支持力度有多大？触觉在你网站上的WebVR中有应用吗？
我们正在研究WebXR以及如何最好地适应新兴的空间计算用例，作为最大的分发平台，我们需要支持创作者和用户，不管怎样他们希望体验我们的内容。但我们仍在探索这些新媒体的内容和平台应该是什么样的。
我们是第一个支持虚拟现实、计算机视觉和虚拟表演者的主要平台，并将继续推动新技术和开放网络。
由于每页都有这么多不同类型的媒体和内容，在桌面与移动（如果有的话）之间，最大的考虑是什么？
功能主要受操作系统和浏览器类型的限制。当涉及到完全不同的访问和功能集时， iOS与Android是一个完美的例子。
例如，一些iOS移动设备不允许我们在全屏模式下自定义视频播放器，它们强制使用原生的QuickTime播放器。我们在想新点子时必须考虑到这一点。另一方面，Android给了我们完全的控制权，我们可以将我们的功能应用到全屏模式。
适配HLS (HTTP Live Streaming)中的数据流是另一个例子，当HLS的数据流质量很好时，IE和Edge很挑剔，因此我们需要阻止某些更高质量的数据流，否则视频会不断卡顿并产生伪影。


你工作的成人网站目前支持的最低版本浏览器是什么？Internet Explorer是否被淘汰？
我们支持IE很长一段时间了，但 最近放弃支持任何比IE11更老的版本。同时，我们也停止在视频播放器上使用Flash 。我们主要关注Chrome、Firefox和Safari。
更广泛地说，你能分享一下典型的成人网站用到的技术栈吗？服务器端和(或)前端？你们在用哪些库？
我们的大多数网站都以以下内容为基础：
Nginx
PHP
MySQL
Memcached and/or Redis
其他技术像：Varnish, ElasticSearch, NodeJS, Go, Vertica 用在需要的地方
对于前端，我们主要用的普通Javascipt，我们正慢慢舍弃JQuery，我们刚刚开始使用框架，主要是Vue.js


从局外人的角度来看，成人网站似乎非常相似：许多视频缩略图、聚合视频内容、摄像机前的表演者、广告。作为一个在成人网站工作的人，成人网站的独特之处是什么？






请到「今天看啥」查看全文


推荐文章
Python爱好者社区  ·  国企官网被挂上“码农的钱你也敢吞，还钱”
昨天
Python中文社区  ·  揭秘 DeepSeek 加密交易机器人：如何轻松捕捉百倍币？
昨天
Python开发者  ·  DeepSeek 下棋靠忽悠赢了 ChatGPT，网友：孙子兵法都用上了
3 天前
Python爱好者社区  ·  “给我滚出贵大！”郑强出任贵州大学校长，打算把树全砍掉，学生愤怒抗议，4年后事情反转
4 天前
Python爱好者社区  ·  DeepSeek 最新中国大学排名
2 天前
经济学家告诉你B  ·  政府扶贫 民众越扶越贫
7 年前
凰家评测  ·  心心念的初音版红米Note 4X终于来啦！新鲜的开箱图赏奉上！
7 年前
总裁俱乐部  ·  借钱见人心，还钱见人品！
7 年前
王镇雷  ·  App 设计中，慎用左右横滑设计
7 年前
映维网Nweon  ·  苹果获光场相机关键专利，提供沉浸式AR体验
7 年前
Sov5搜索   ·   小百科   ·   今天看啥   ·   移动版
51好读 - 好文章就要读起来!