嘿 DEV社区!
如果你曾经试图在客户端网站嵌入动态YouTube频道的信号,活流探测器,或者播放列表木马, 你可能已经遇到了两大问题: 昂贵的SaaS部件,在你的网站上打水印,除非你每月支付费用。
直接在前端脚本中泄露出你的YouTube API密钥.
为了解决这个问题,我们建造了YT Widget——一个自由的,可自我托管的,无依赖性的JavaScript库,它能无缝地处理YouTube种子,播放列表,频道数据,以及活流状态. 📦 项目已完全开源并准备好用于您的生产项目: 源代码和贡献: scott8462 / YT- Widget 一个自由的,可自我托管的,无依赖性的JavaScript库,用于将YouTube的种子,播放列表,频道统计数据,单行视频,以及任何网站的活流状态.
YT Widget — Free Open-Source YouTube website Embed A 免费,可自我接待,无依赖性的JavaScript库用于将YouTube种子,播放列表,频道统计,单视频,以及任何网站的活流状态等嵌入——就像SocialableKIT一样,但100%的自由与开源.
由R&S Development创建并免费提供给开发商社区.
QQ 特性 QQ 5 部件类型:最新频道上传网格或列表 :自动检测直播并嵌入现场播放器 – 显示自定义的离线卡,离线时有最近的上传 : 显示任何YouTube播放列表的视频 : 频道度量衡卡(订阅者,视图,视频计数) : 响应单个视频播放器带有元数据QQQ 安全 PHP 服务器 Proxy (: 保留您所设置的 API 密钥服务器侧面,限制速率,以及5分钟响应缓存.
QQ全彩自定义光和暗等主题 自定义 Accent / Button...
在 GitHub 替代下载和镜像上的视图: 在 sourceForge上下载 QQ 5 元件类型: 即时切换布局(网格/列表,流检测器,取取取器,配置,或响应视频).
QQ安全 PHP 服务器代理( ): 将您的 YouTube API 密钥与内置的 CORS 保持安全隐藏的服务器侧, 速率限制, 以及5分钟的响应缓存 。
QQ全彩自定义:包括一个用于文本层,轻/暗主题,以及自定义口音控件的智能自定义引擎 (. ).
QQ零依赖:纯 Vanilla JS & HTML5.
没有 jQuery, 没有反应, 没有重的布局框架 。
QQ视觉构建器 Dashboard:带本地图形界面来动态生成代码参数.
QQ 快速启动( 2- 最小设置) 您可以以直接 API 键模式运行此工程, 但我们强烈建议使用包含的 PHP 代理程序来获取您的证书 。
第1步:将代理服务器放入您的服务器上上传文件夹并插入您的密钥: 第2步: 添加 HTML5 嵌入片段 将语义上的 HTML 容器放置在您的站点的任何地方: QQ Live Stream Detectionor + Outline Card 我们最喜欢的特性之一是参数 。
当您的频道是 Live 时, 它会构建一个响应 16:9 的玩家 并带有脉冲 * LIVE 徽章和计数器.
当您离线时,它会制作一个定制的离线英雄卡片,其中包含您最新的视频,一个行动呼吁订阅,以及自定义的16:9占位符横幅.
QQ 打开反馈和贡献 我们在麻省理工学院许可证下建立了这个工具,为网站开发者提供网站嵌入器的实际免费分级选项.
如果你用它,我们会喜欢你的反馈!
下一步要添加哪些特性或布局模式 ?
如果你觉得有帮助,请考虑主演寄存器,或者在R&S Development上给我们一个链接.
让我们知道你在下面的评论中的想法