ChromePlay 项目使用教程

ChromePlay 项目使用教程

ChromePlayAirPlay from Google Chrome - send YouTube, Vimeo and (almost) any HTML5 video to AppleTV via AirPlay项目地址:https://gitcode.com/gh_mirrors/ch/ChromePlay

1. 项目的目录结构及介绍

ChromePlay 项目的目录结构如下：

ChromePlay/
├── images/
├── LICENSE
├── README.md
├── background.js
├── chromeplay_contentscript.js
├── icon.png
├── manifest.json
├── options.html
├── options.js
├── popup.html
└── popup.js

目录结构介绍

• images/: 存放项目所需的图片资源。
• LICENSE: 项目的许可证文件。
• README.md: 项目的说明文档。
• background.js: 后台脚本文件，负责处理扩展的主要逻辑。
• chromeplay_contentscript.js: 内容脚本文件，用于与网页内容交互。
• icon.png: 扩展的图标文件。
• manifest.json: 扩展的清单文件，包含扩展的基本信息和配置。
• options.html: 扩展的选项页面。
• options.js: 选项页面的脚本文件。
• popup.html: 扩展的弹出页面。
• popup.js: 弹出页面的脚本文件。

2. 项目的启动文件介绍

manifest.json

manifest.json 是 Chrome 扩展的清单文件，它定义了扩展的基本信息和配置。以下是 manifest.json 的主要内容：

{
  "manifest_version": 2,
  "name": "ChromePlay",
  "version": "1.4",
  "description": "Send YouTube, Vimeo and (almost) any HTML5 video to AppleTV via AirPlay",
  "icons": {
    "128": "icon.png"
  },
  "background": {
    "scripts": ["background.js"]
  },
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "activeTab",
    "https://*.youtube.com/*",
    "https://*.vimeo.com/*"
  ],
  "content_scripts": [
    {
      "matches": ["https://*.youtube.com/*", "https://*.vimeo.com/*"],
      "js": ["chromeplay_contentscript.js"]
    }
  ]
}

background.js

background.js 是扩展的后台脚本文件，负责处理扩展的主要逻辑。它监听事件并执行相应的操作。

popup.html 和 popup.js

popup.html 是扩展的弹出页面，用户点击扩展图标时会显示该页面。popup.js 是弹出页面的脚本文件，负责处理弹出页面的逻辑。

3. 项目的配置文件介绍

manifest.json

manifest.json 是扩展的配置文件，包含扩展的基本信息和权限配置。以下是一些关键配置项：

• manifest_version: 指定清单文件的版本，当前为 2。
• name: 扩展的名称。
• version: 扩展的版本号。
• description: 扩展的描述信息。
• icons: 扩展的图标文件路径。
• background: 后台脚本的配置，指定使用的脚本文件。
• browser_action: 浏览器动作的配置，指定默认图标和弹出页面。
• permissions: 扩展所需的权限，包括访问特定网站的权限。
• content_scripts: 内容脚本的配置，指定在哪些页面加载内容脚本。

options.html 和 options.js

options.html 是扩展的选项页面，用户可以在这里配置扩展的设置。options.js 是选项页面的脚本文件，负责处理选项页面的逻辑。

通过以上介绍，您可以了解 ChromePlay 项目的目录结构、启动文件和配置文件的基本信息，从而更好地理解和使用该扩展。

ChromePlayAirPlay from Google Chrome - send YouTube, Vimeo and (almost) any HTML5 video to AppleTV via AirPlay项目地址:https://gitcode.com/gh_mirrors/ch/ChromePlay