文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

Pornhub Web 开发者访谈

在开发过程中，你是否使用了大量的占位符图像和视频？最终产品和开发时的内容和经验有什么区别？ 实际上，我们在开发网站时不使用占位符！其次，重要的是代码和功能，接口是我们现在非常习惯的东西。...一开始肯定会有一些学习曲线，但是我们大家很快就习惯了。 对于网络流和第三方广告脚本，你如何在网站和功能开发过程中模拟这些重要的动态资源？ 为了进行开发，播放器分为两个部分。...有什么你可以分享的技巧吗？ 我们使用一些测量系统。 我们的播放器会向我们报告有关视频播放性能和一般用法的指标 用于一般站点性能的第三方 RUM 系统。...是否已经淘汰 IE 浏览器？ 我们对 IE 的支持时间很长，但是最近放弃了对 IE11 之前的任何版本的支持。有了它，我们也停止了为视频播放器使用 Flash。...对于前端，我们主要运行原生 Javascript，我们逐渐摆脱了 jQuery，我们才刚刚开始使用框架，主要是Vue.js 从局外人的角度来看，成人网站通常看起来很相似：很多视频缩略图，聚合的视频内容，

3.2K41

我采访了 PornHub 一位开发者！

在开发过程中，你是否使用了大量的占位符图像和视频？最终产品和开发时的内容和经验有什么区别？ 实际上，我们在开发网站时不使用占位符！其次，重要的是代码和功能，接口是我们现在非常习惯的东西。...一开始肯定会有一些学习曲线，但是我们大家很快就习惯了。 对于网络流和第三方广告脚本，你如何在网站和功能开发过程中模拟这些重要的动态资源？ 为了进行开发，播放器分为两个部分。...有什么你可以分享的技巧吗？ 我们使用一些测量系统。 我们的播放器会向我们报告有关视频播放性能和一般用法的指标 用于一般站点性能的第三方 RUM 系统。...是否已经淘汰 IE 浏览器？ 我们对 IE 的支持时间很长，但是最近放弃了对 IE11 之前的任何版本的支持。有了它，我们也停止了为视频播放器使用 Flash。...对于前端，我们主要运行原生 Javascript，我们逐渐摆脱了 jQuery，我们才刚刚开始使用框架，主要是 Vue.js 从局外人的角度来看，成人网站通常看起来很相似：很多视频缩略图，聚合的视频内容

2.8K31
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    我们和Pornhub的开发者聊了聊

    在开发过程中，你是否使用了大量的占位符图像和视频？最终产品和开发时的内容和经验有什么区别？ 实际上，我们在开发网站时不使用占位符！ 其次，重要的是代码和功能，接口是我们现在非常习惯的东西。...一开始肯定会有一些学习曲线，但是我们大家很快就习惯了。 对于网络流和第三方广告脚本，你如何在网站和功能开发过程中模拟这些重要的动态资源？ 为了进行开发，播放器分为两个部分。...有什么你可以分享的技巧吗？ 我们使用一些测量系统： 我们的播放器会向我们报告有关视频播放性能和一般用法的指标 用于一般站点性能的第三方RUM系统。...另一方面，Android为我们提供了完全的控制权，我们可以将功能在全屏模式实现。...是否已经淘汰IE浏览器？ 我们对IE的支持时间很长，但是最近放弃了对IE11之前的任何版本的支持。有了它，我们也停止了为视频播放器使用Flash。

    2.4K20

    工具系列 | H5自定义视频播放器实现

    事件，从TimeTanges事件中可以获得视频、声频的缓冲信息。...如果播放位置在视频、声频的结束位置，代表声频、视频 播放结束。 注：该属性为只读属性。...值 说明 返回值 布尔值，返回true：播放结束返回false：播放没有结束 JavaScript 语法 audio/video.ended 8.loop属性 设置或返回视频、声频是否反复播放 使用loop...(onloadedmetadata) 浏览器加载声频、视频当前帧结束后(onloadeddata) 浏览器正在下载媒体数据时(onprogress) 浏览器可以播放媒体数据时(oncanplay) 当浏览器可以在不因缓冲而停顿的情况下播放时...（5）onseeking事件 为用户开始改变或正在改变播放位置时触发的事件 即：用户正在操作滑动条时触发的事件。

    5.7K10

    在P站做web前端，是种怎样的体验？

    在开发的过程中，您是否使用了大量的图片和视频进行占位？所开发的内容和经验距离最终产品有多远？ 回答： 实际上，我们在开发网站时不使用占位图片。...回答： 为了进行开发，我们将播放器拆分为两个部分。基础的播放器实现核心功能，并负责触发相应的事件。这部分开发是完全独立的，在净室中完成。...问题：平均一个页面会包含至少一个视频，GIF 广告，一些直播表演者的预览，以及其他视频的缩略图。您是如何衡量页面性能，以及如何使得页面保持最佳性能？您是否可以分享一些技巧呢？...是否支持 Internet Explorer ？ 回答： 我们对 IE 的支持持续了很长一段时间，但是最近放弃了对 IE11 之前版本的支持。同时，我们也停止了在视频播放器中使用 Flash。...我们主要关注 Chrome 、Firefox 和 Safari。 问题：更广泛的说，您可以分享一些有关网站的信息吗？服务器和前端？您正在使用哪些库？

    1.7K30

    实用推荐系统：寻找有用的用户行为

    商品的使用寿命已经结束，它被处理、删除或转售 ；在这种情况下，商品可能会再次经历相同的循环。 稍后我们将探讨在这些步骤中可以收集到什么。...页面视图 电商网站中的页面视图（page view）可能意味着很多事情。它可以识别出访客（或浏览者）对网站感兴趣，也可以识别出那些人在网站中迷路或在随意单击。在后一种情况下，大部分的单击不是积极的。...其他表明用户感兴趣的迹象可能是下载宣传册、观看有关特定内容的视频，或者针对某个特定主题注册一个消息通知。 检索词 访问网站可能意味着人们要么正在浏览，要么正在寻找一些特别的东西。...电话公司还可测量消费者如何使用他们的电话，它们可以用恐怖的方式跟踪我们。下面将讨论你可以从流式商品中学到什么。...在前 20 秒内停止播放一首歌（或在前 20 分钟内停止播放一部电影）可能是一个不好的迹象。在接近结束的地方停止可以被认为是其他情况。 3 继续播放 ：好吧，忘记系统里记录的所有负面隐式评分。

    51120

    腾讯云 Web 超级播放器开发实战

    关于超级播放器 腾讯云 Web 超级播放器 TCPlayer 可实现在手机浏览器和 PC 浏览器上播放音视频流的问题，功能强劲，兼容性好，可以不依赖用户安装 App，就能进行播放。...在实际的应用中，我们仍然根据需求直接改造了混淆代码，主要解决了以下问题： 1、增加、集成了播放快进组件 2、更改了一些样式 3、增强了一些旧版手机的兼容性 范例运行环境 操作系统： Windows Server...，这里设置为需要显示 3 webkit-playsinline playsinline 兼容性属性：webkit-playsinline使ios 10中设置可以让视频在小窗内播放，即不全屏播放。...使此视频支持ios的AirPlay（隔空播放）功能，隔空播放能将各种 Apple 设备中的音乐流传输到家中的多个扬声器上,并让这些扬声器中播放的旋律始终保持合拍， 让音乐荡漾在每个房间。...播放器实用事件 通过跟踪超级播放器提供的监听事件，实现我们的开发需求，其关键事件说明如下： 序号 事件 说明 1 timeupdate 播放时间更新事件，可记录播放时间，其结构体如下: player.on

    68710

    在成人网站 PornHub 做前端开发是一种什么样的体验

    我们能从中探知答案。 在 PortHub 做 Web 开发是一种什么体验？ 问：成人网站需要显示大量图片。在开发过程中，你们会使用大量图片或者视频占位符吗？...答：开发过程中，我们并不使用图片或者视频占位符。在开发的最终阶段，最重要的还是代码和功能。 问：当要支持视频流和三方广告脚本时，在开发过程中你们是如何模拟这些重要的动态资源的呢？...jQuery 及 jQueryUI 正在慢慢退出历史舞台，我们因此正在进入一个使用 JS 进行更高效率面向对象编程的时代。前端框架有时候就是这么有意思。...贵公司的网站是否已经在使用 WebVR？ 答：我们正在调研 webVR 以及如何最好的适配新兴的空间计算，作为最大的内容分发平台，无论创作者和用户想要怎么体验我们的内容，我们都需要提供支持。...答：我们大多数网站基本都使用下列技术： Nginx PHP MySQL Memcached 和/或 Redis 对于前端，原生 Javascript 用的较多，我们正在慢慢放弃 jQuery 并开始使用前端框架

    4.4K20

    LiveNVR流媒体OnvifRTSPSDK拉转如何和获取通道的视频直播流地址RTSPWebRTCRTMPHLSHTTP-FLVWS-FLV

    1、背景说明某些场景下（小区监控、厂区监控等），我们需要接入摄像头，但手头上只能获取到摄像头直播流地址，如RTSP流地址。我们可能需要将视频流发布web页面，可以用浏览器快速无插件的浏览观看。...我们可能需要云台操作摄像头。我们可能需要将视频监控的视频流做集中的存储录制。此时我们可以用什么来解决，安防监控摄像头设备的接入呢？...，设置到web播放器|APP播放器|PC播放器中，进行播放。...是否以流畅模式播放, 可选, yes/no, 默认值为 yesautoplay 是否自动播放, 可选, yes/no, 默认值为 yescontrols 是否显示播放器控制栏, 可选, yes/no,.../hls/flv/ws_flv, 默认 auto check5、视频流地址集成5.1、直播流地址（页面查看获取）浏览器跟踪NETWORK视频广场-》点击 播放， 浏览器可以 f12 打开开发者模式，再查看通道点击播放

    1.1K30

    OpenCv-Python 开源计算机视觉库 (一)

    本文介绍的是 OpenCv 的 Python 接口，即 OpenCV-Python，但它并非 OpenCv 的 Python 实现，而仅仅是原生 OpenCv C++ 实现的 Python 包装，也就是说，我们可以像普通...cv.imwrite('dog_gray.png', img_gray) True 我们已经知道如何使用 opencv-python 打开，显示，保存图片，那么综合应用起来，可以做一个完整的小程序。...，播放，保存 5.2.1 捕获实时视频流 从笔记本电脑内置摄像头，捕获实时视频流（一张张图片），并显示经过灰度处理后的视频帧，效果就是经过灰度处理后的视频。...: print("无法接收视频输入，请检查是否开启设备访问权限。...# 如果成功读取到视频帧，返回 True if not ret: print("无法接收视频输入，请检查是否开启设备访问权限。

    2.7K10

    没想到成人网站用的技术都甩我们几条街！

    A：实际中，在开发网站时，我们不替换图片和视频！...A：在开发中，播放器功能分为两个部分。基础播放器执行核心功能和触发事件。开发是在一个“干净”的环境进行的。 对于网站上的集成，我们想执行第三方的脚本和广告，以便我们能尽早找到问题。...有什么技巧可以分享么？ A：我们用了一些评测系统。 我们的播放器会向我们报告视频回放性能和一般操作的指标 整体网站性能使用第三方RUM(Real User Monitoring )系统。...jquery和jqueryUI正在慢慢地离开，因此我们将回到纯js中更高效的面向对象编程。在某些情况下，框架也非常有趣。...Internet Explorer是否被淘汰？ A：我们支持IE很长一段时间了，但最近放弃支持任何比IE11更老的版本。同时，我们也停止在视频播放器上使用Flash。

    2.9K20

    从零开发弹幕视频播放器

    在媒体开始播放时触发可能是初次播放、暂停后恢复或结束后重新开始 属性 通过 video 元素，我们可以获取上面提到的属性，也可以改变它来操作视频，比如设置 video.muted=true 设置静音。...video.paused 来判断是否隐藏控制器，也就是视频播放过并且视频正在播放，这里没有监听 ended 事件，因为播放完毕也会触发 pause 事件。...UI 变化而是在 video 事件中处理，是为了让 UI 更精准，不止有这个按钮会控制视频播放和暂停。...所以这里通过 timeupdate 事件来比对时间，确认已经可以播放视频了。 不过并不是所有浏览器能正确触发 waiting 事件，所以我们需要自己检测是否停住等待加载视频。...currentTime 通过比对它来确定视频是否卡住等待播放。

    4.6K30

    Android平台实现系统内录(捕获播放的音频)并推送RTMP服务技术方案探究

    ​ 几年来，我们在做无纸化同屏或在线教育相关场景的时候，总是被一件事情困扰：如何实现Android平台的系统内录，并推送到其他播放端，常用的场景比如做无纸化会议或教育的时候，主讲人或老师需要放一个视频，...这里我们分析三种可行的技术方案：方案1：解析视频文件推送Android终端的话，先利用MediaExtractor，把mp4文件的音视频数据分离，然后调用我们publisher模块，实现编码后的数据对接到...，让我们听不到手机中播放音乐或者视频时的声音，而录制结束后会发现播放录制好的文件是有这些声音的。...应用可以借助此 API 复制其他应用正在播放的音频。此功能类似于屏幕采集，但采集对象是音频。主要用例是视频在线播放应用，这些应用希望捕获游戏正在播放的音频。...我们考虑到，在做无纸化同屏或者教育投屏的时候，一般来说，主要还是采集麦克风音频为主，中间如果有视频播放或者类似需求的时候，我们把内录audio的打开即可（也可以做混音模式，或者推送过程中，实时静音麦克风或扬声器数据源

    2.5K40

    分享一个开源免费、功能强大的视频播放器库

    这是「进击的Coder」的第 571 篇技术分享作者：崔庆才 最近在开发一个前端项目，用到播放视频的功能，所以就查了下有什么前端的视频播放器库可以使用，今天来分享一下给大家。...总体概览 首先我们来看看它都支持什么功能，我们可以打开它的官方 Demo 网站，可以直接播放一个视频查看效果，如图所示： 整体看起来很不错，比浏览器自带的原生播放器看起来好看多了，各种控制条的 UI...响应式- 适用于任何屏幕尺寸 获利- 从您的视频中赚钱 流式传输- 支持 hls.js、Shaka 和 dash.js 流式播放 API - 通过标准化 API 切换播放、音量、搜索等 事件-...i18n：可以控制多语言配置。 blankVideo：如果是空的视频的话，默认播放什么。 autoplay：是否自动播放。...内容介绍：《Python3网络爬虫开发实战（第二版）》内容介绍 扫码购买 （现在半价促销中，活动很快结束了） 点个在看你最好看

    2.4K30

    实现支持低延时 HLS 的播放器

    你不得不为下一个播放列表更新发送一个请求。其他请求会被阻塞，直到播放列表更新的数据到达播放器。你也可以同时启动多个音频视频请求。在阻塞响应的情况下，简单的将响应结束时间减去请求开始时间就不再适用了。...于是我们考虑是不是能在低延时 HLS 中做的更好。 低延时 HLS 一个最大的优势在于，你知道正在以线性速度传输的是哪一个字节，这个字节被呈现在播放列表的更新信息中。...因此，当传输该部分时，你获得第一块数据的同时，还会在请求中获得该播放列表的更新信息。更新信息中则包含该部分字节准确的开始和结束时间。如果你记录了这些时间，你就可以确定突发性流开始和结束的时间。...而且你不需要任何低通滤波或者任何跟踪算法去实现带宽估计，因为有一个更好的方法可以做到这一点。...虽然上述机制看起来很简单，但是在低延时的 HLS 中并没有我们想象中的这么简单。当你想要切换传输视频块的质量时，你需要请求和下载播放列表的更新，这样会有更新数据往返的额外开销。

    3.1K30

    「简单实战」YouTube Iframe API 的使用

    我们随便找一个视频就可以在地址栏看到 https://www.youtube.com/watch?v=PkZNo7MFNFg 后面的 v=PkZNo7MFNFg 这个就是 videoId 。 1....基本参数 油管的 IFrame Player API 可自定义的程度并不高，可能也是出于要保护对自家产品利益的目的，视频播放结束后推荐列表之类的是去不掉的。...(大致好像是表示来源……) rel 播放结束后显示相关视频。0 不显示，1 显示。（这个api已经修改为0推荐同频道，1推荐相关） showinfo （弃用） 是否显示视频标题和上传者等信息。...getDuration() 返回当前正在播放的视频的时长 getVideoUrl() 返回当前已加载/正在播放的视频的 YouTube.com 网址 getVideoEmbedCode() 返回当前已加载.../正在播放的视频的嵌入代码。

    5K40

    微信小程序 video 组件

    在点击播放的事件中需要找到上一个播放的视频 2. 在播放新的视频之前关闭上一个正在播放的视频 关键： 1....如何确认点击播放的视频和正在播放的视频不是同一个视频 单例模式： 1. 需要创建多个对象的场景下，通过一个变量接收，始终保持只有一个对象， 2....，这时的 vid 和 视频实例 还是之前第一个视频的 2.3 判断 this 上的 vid 是否改变，改变了，去判断是否有视频实例 3.4 有视频实例，不管是否播放，去停止它播放...当我们切换到另一个 tabnav里面，比如 现场 切换到 翻唱，再切换回 现场【已经重新请求】，这个时候 现场 中之前的播放时长无了，现在我需要，可以这样做： 思路： 判断记录播放时长的videoUpdateTime...数组中是否有当前视频的播放记录 1.

    48410

    Open Measurement -Android SDK

    请注意，在您停止会话后，尝试重新启动它或在完成的会话上触发印象是错误的。 请注意，结束OMID广告会话会将消息发送到在集成提供的Web视图内运行的验证脚本。...] bufferEnd [在缓冲后继续播放] 播放器音量变化 跳过[任何提早终止播放] 播放事件 监视视频播放以在适当的时间发出进度事件的信号（上面的参考项目符号列表）。...请注意，在您停止会话后，尝试重新启动它或在完成的会话上触发印象是错误的。 adSession.finish(); adSession = null; 本机视频  请按照以下说明正确跟踪本地视频广告。...在此步骤中，您将确定应使用哪些评估资源来跟踪广告。总体而言，这些说明与WebView视频说明的这一步骤相似。...] bufferEnd [在缓冲后继续播放] 播放器音量变化 跳过[任何提早终止播放] 播放事件 监视视频播放以在适当的时间发出进度事件的信号（上面的参考项目符号列表）。

    4.2K20

    前端测试题:(解析)用于播放音频文件的正确HTML5元素是?

    HAVE_NOTHING 2:HAVE_METADATA 3.HAVE_CURRENT_DATA 4.HAVE_FUTURE_DATA 5.HAVE_ENOUGH_DATA Media.seeking; //是否正在...，可以设置 Media.playbackRate = value;//当前播放速度，设置后马上改变 Media.played; //返回已经播放的区域，TimeRanges，关于此对象见下文 Media.seekable...; //返回可以seek的区域 TimeRanges Media.ended; //是否结束 Media.autoPlay; //是否自动播放 Media.loop; //是否循环播放 Media.play...，但中途可能因为加载而暂停 eventTester("canplaythrough"); //可以播放，歌曲全部加载完毕 eventTester("seeking"); //寻找中 eventTester...("seeked"); //寻找完毕 eventTester("timeupdate"); //播放时间改变 eventTester("ended"); //播放结束 eventTester("ratechange

    2.6K10

    实时音视频开发学习6 - 云端录制与回放

    腾讯云产品会将录制结果保存在云点播的资源管理的视频管理当中，在这里可以通过管理视频查阅视频的基本信息、视频发布或在浏览器中直接使用。...控制台操控 开通录制服务 登录实时音视频控制台，选择应用管理；然后单击正在运行的目标的功能配置；最后再功能配置中依次打开自动旁路推流和云端录制配置。如果是第一次开启会有相应安全的提示警告。...快速生成方式： 打开云点播，点击右侧的媒资管理，选则视频管理，对需要播放的视频打开其管理面板，找到“Web把播放器代码生成”。这里可以选择视频的尺寸、代码类型以及是否自动播放。...，该属性为一个对象，可以设置是否自动播放auto，提示文案text以及按钮方案btnText。...该参数内容如下 这里主要用到fileID和appID，我们可以在UI界面中增加两个button，并对按钮进行点击事件的监听。

    7.1K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券