{"id":5201,"date":"2025-03-06T19:33:03","date_gmt":"2025-03-06T11:33:03","guid":{"rendered":"https:\/\/7gugu.com\/?p=5201"},"modified":"2025-03-20T10:37:02","modified_gmt":"2025-03-20T02:37:02","slug":"dock-video-player-%e4%b8%80%e6%ac%be%e5%8f%af%e4%bb%a5%e5%9c%a8dock%e6%a0%8f%e4%b8%8a%e6%92%ad%e6%94%be%e8%a7%86%e9%a2%91%e7%9a%84%e6%92%ad%e6%94%be%e5%99%a8","status":"publish","type":"post","link":"https:\/\/7gugu.com\/index.php\/2025\/03\/06\/dock-video-player-%e4%b8%80%e6%ac%be%e5%8f%af%e4%bb%a5%e5%9c%a8dock%e6%a0%8f%e4%b8%8a%e6%92%ad%e6%94%be%e8%a7%86%e9%a2%91%e7%9a%84%e6%92%ad%e6%94%be%e5%99%a8\/","title":{"rendered":"Dock Video Player – \u4e00\u6b3e\u53ef\u4ee5\u5728Dock\u680f\u4e0a\u64ad\u653e\u89c6\u9891\u7684\u64ad\u653e\u5668"},"content":{"rendered":"\n

Introduction \/ \u7b80\u4ecb<\/h2>\n\n\n\n
\"https:\/\/i.v2ex.co\/685kIq50.png\"\/<\/figure>\n\n\n\n

A program that plays videos in the Mac Dock bar by utilizing the Dock icon dynamic replacement API.<\/p>\n\n\n\n

\u5229\u7528Dock\u56fe\u6807\u52a8\u6001\u66ff\u6362API\uff0c\u5b9e\u73b0\u7684\u4e00\u6b3e\u5728Mac Dock\u680f\u64ad\u653e\u89c6\u9891\u7684\u7a0b\u5e8f\u3002<\/p>\n\n\n\n

Usage Guide \/ \u4f7f\u7528\u6559\u7a0b<\/h2>\n\n\n\n
    \n
  1. Run npm install<\/code> to install dependencies (ffmpeg-static installation might have issues, it’s recommended to use a China-based mirror)<\/li>\n\n\n\n
  2. Run npm start<\/code> to launch the Electron application<\/li>\n\n\n\n
  3. Load a video<\/li>\n\n\n\n
  4. Click play to see the video displayed in the Dock bar<\/li>\n\n\n\n
  5. The repository includes a BadApple sample video. For the best experience, set audio playback to 1x speed and start it 0.2 seconds earlier<\/li>\n<\/ol>\n\n\n\n

    <\/p>\n\n\n\n

      \n
    1. \u8fd0\u884cnpm install<\/code>\u5b89\u88c5\u4f9d\u8d56\uff08ffmpeg-static\u5b89\u88c5\u53ef\u80fd\u4f1a\u6709\u70b9\u95ee\u9898\uff0c\u5efa\u8bae\u76f4\u63a5\u4f7f\u7528\u56fd\u5185\u955c\u50cf\u6e90\u4e0b\u8f7d\uff09<\/li>\n\n\n\n
    2. \u8fd0\u884cnpm start<\/code>\u542f\u52a8Electron\u5e94\u7528<\/li>\n\n\n\n
    3. \u52a0\u8f7d\u89c6\u9891<\/li>\n\n\n\n
    4. \u70b9\u51fb\u64ad\u653e\u5373\u53ef\u5728Dock\u680f\u4e2d\u770b\u5230\u89c6\u9891\u753b\u9762<\/li>\n\n\n\n
    5. \u4ed3\u5e93\u4e2d\u63d0\u4f9b\u4e86BadApple\u7684\u8303\u4f8b\u89c6\u9891\uff0c\u5efa\u8bae\u5c06\u97f3\u9891\u7684\u64ad\u653e\u65f6\u95f4\u8bbe\u7f6e\u4e3a1\u500d\u901f+\u63d0\u524d0.2\u79d2\u64ad\u653e\uff0c\u4f53\u9a8c\u6700\u4f73<\/li>\n<\/ol>\n\n\n\n

      Github<\/h2>\n\n\n\n

      https:\/\/github.com\/7gugu\/Dock-Video-Player<\/a><\/p>\n\n\n\n

      Demo Video \/ \u6f14\u793a\u89c6\u9891<\/h2>\n\n\n\n

      https:\/\/www.bilibili.com\/video\/BV1679oYKEdX<\/a><\/p>\n\n\n\n

      Finally \/ \u6700\u540e<\/h2>\n\n\n\n

      If you like this project, please give me a star. Thank you.<\/p>\n\n\n\n

      \u5982\u679c\u4f60\u559c\u6b22\u8fd9\u4e2a\u9879\u76ee\uff0c\u8bf7\u7ed9\u4e88\u6211\u4e00\u4e2astar\uff0c\u8c22\u8c22\u3002<\/p>\n\n\n\n

      Contact \/ \u8054\u7cfb\u65b9\u5f0f<\/h2>\n\n\n\n