跳到内容

🐙 Embetty在不影响您隐私的情况下显示推文或YouTube视频等远程内容。

许可证

通知 您必须登录才能更改通知设置

heiseonline/embetty公司

文件夹和文件

姓名姓名
上次提交消息
上次提交日期

最近一次提交

 

历史

617承诺
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

美化(embetty)

Embetty在不影响您隐私的情况下显示推文或视频等远程内容。

嵌入式

在我们的演示页面.

快速入门

  1. 设置您的embetty服务器.
  2. 将装饰库包含到HTML文档中。
  3. 使用自定义标记插入嵌入(请参阅下面的嵌入部分)。

例子:

<!DOCTYPE html>
<html格式 ="英语">
  <>
    < 数据嵌入服务器="/路径/到/embetty服务器" /><脚本 异步 型钢混凝土="embetty.js公司"></脚本>
  </>
  <身体>
    <embetty推文 地位="1166685910030790662"></embetty推文>
  </身体>
</html格式>

文档

配置Embetty服务器

Embetty需要服务器组件您需要在基础架构上运行。使用<元数据嵌入服务器>标签:

<>
  < 数据嵌入服务器="/路径/到/embetty服务器" /></>

包括embetty.js

有三种选择。

  1. 从下载Embetty档案版本页面.品牌embetty.js公司在您的站点上可用。
  2. 在npm项目中使用Embetty:纱线添加@embetty/componentnpm install@embetty/component--保存然后将embetty导入主脚本(即。导入“@embetty/component”).
  3. 克隆此存储库并生成./dist/embetty.js:
    $git克隆https://github.com/heiseonline/embetty$光盘美化(embetty)$纱线$纱线构造

支持的嵌入类型

目前支持推文和各种视频平台。

推特

使用地位属性以将tweet与其tweet ID嵌入。示例:

<embetty推文 地位="950371792874557440"></花言巧语>

使用包含-线程属性以包含线程在上面tweet(即目前为止的对话)。例子:

<embetty推文 地位="950371792874557440"包含-线程></embetty推文>

视频

使用类型值为的属性脸谱网,维米奥youtube(youtube).设置视频id属性设置为视频ID。

<装饰视频 类型="脸谱网"视频id="10156049485672318"></embetty视频>

使用后期图像属性。这将覆盖视频的预览图像。

<embetty视频
  类型="脸谱网"视频id="10156049485672318"后期图像="网址:www.test.com/image.jpg"></embetty视频>

对于类型的视频维米奥youtube(youtube),也可以设置启动-启动属性,该属性的时间值以秒为单位,以在特定时间码开始视频。

<embetty视频
  类型="youtube(youtube)"启动-启动="96"视频id="3L4fHrIJ3A4型"></embetty视频>
<embetty视频 类型="维米奥"启动-启动="96"视频id="223099532"></embetty视频>

乳臭虫状态

使用地位具有相应状态的链接的属性。Embetty将从相应的Mastodon实例中检索数据。

<乳齿象
  地位="https://social.heise.de网址/@海森林/110372412617177781"></乳齿象>

事件

Embetty触发以下事件:

姓名 描述
已初始化 嵌入嵌入将进入视口之后这已被触发。
激活 嵌入式视频嵌入已被包含原始视频播放器的iframe所取代。iframe的内容可能仍在加载中。

示例代码:

文件.查询选择器(“embetty-tweet”).添加事件侦听器(“已初始化”, 功能(e(电子)) {...})

测试

  1. 克隆此存储库。
  2. 纱线
  3. 导出TWITTER公司_中提到的标记https://github.com/heiseonline/embetty服务器
  4. 纱线测试

注意事项

Embetty服务器组件不代理视频数据。这意味着点击播放按钮后,跟踪保护失效.

许可证

Embetty是麻省理工学院授权.