zen1代授权_反思1年的Zen Audio Player

zen1代授权

by Shakeel Mohamed

Shakeel Mohamed着

反思1年的Zen Audio Player (Reflecting on 1 Year of Zen Audio Player)

Today marks one year since I made the first commit to the Zen Audio Player (ZAP) project on GitHub! After reading Robby Russell’s post about Oh my Zsh, I’ve realized ZAP has a lot of potential going into year 2. Over the past year the project has grown in ways I would’ve never imagined. To date we’ve had 20 contributors, and most have been in the past 4 months!

自从我第一次对GitHub上的Zen Audio Player(ZAP)项目作出承诺以来，今天已经过去了一年！ 阅读Robby Russell关于“我的Zsh哦”的帖子后 ，我意识到ZAP进入第二年具有很大的潜力。在过去的一年中，该项目以我从未想过的方式发展。 迄今为止，我们已经有20位贡献者，而且大多数都在过去4个月中！

发展的简要时间表 (A Brief Timeline of Development)

出生时间 (Birth)

Last year, I had a very simple idea: hide the video player on YouTube videos and just listen to the audio. I thought it would be something fairly easy to do, and it was. I slapped together a working version of a website in a couple of weeknights while procrastinating on my senior project. My “innovation” was setting the height of the YouTube player small enough so only the controls were visible.

去年，我有一个非常简单的想法：将视频播放器隐藏在YouTube视频中，然后收听音频。 我认为这很容易做到，而且确实如此。 在拖延我的高级项目的几个晚上时，我拍了一个网站的工作版本。 我的“创新”是将YouTube播放器的高度设置得足够小，以便仅显示控件。

Life was great for a few months. I was listening to progressive trance mixes at work without being embarrassed by the borderline-NSFW thumbnails/slideshows on most of these videos. In my spare time on nights and weekends I started adding features. Then all of a sudden one day, YouTube redesigned their video player.

生活好几个月了。 我一直在听渐进式ance混音乐 ，而在大多数这些视频中，NSFW的缩略图/幻灯片都不会让他们感到尴尬。 在晚上和周末的业余时间里，我开始添加功能。 然后突然有一天，YouTube重新设计了视频播放器。

iFrame API (iFrame API)

To workaround YouTube’s new unfavorable UI (which auto-hides the player controls), a great deal of JavaScript was required to manipulate the YouTube iFrame API in the way we wanted. The changes we made to work with YouTube’s iFrame API (instead of direct HTML embeds) still exist in ZAP today. We’re currently working on replacing most of this code using Plyr. Sam Potts has been tremendously helpful by implementing features for us and we hope to continue collaborating with him.

要解决YouTube不利的新用户界面 (该界面会自动隐藏播放器控件)的问题，需要大量JavaScript才能以我们希望的方式操作YouTube iFrame API。 今天，我们在ZAP中仍然存在与YouTube iFrame API(而不是直接HTML嵌入)一起使用所做的更改。 我们目前正在使用Plyr替换大部分代码。 Sam Potts通过为我们实现功能提供了极大的帮助，我们希望继续与他合作。

贡献者！ (Contributors!)

Out of the blue one day in October ZAP received our first contributor pull request from Matt Stannett! Before Matt, the repo was actually on my personal GitHub account. After some time, I transferred the repo to the ZAP GitHub organization. Working with him on a few changes motivated me to spend more time working on ZAP. His initial involvement inspired me to post the project on Up For Grabs leading to many more contributions than expected.

ZAP在10月的一天简直是不可思议的一天，收到了Matt Stannett 发出的第一个投稿请求 ！ 在Matt之前，回购实际上是在我的个人GitHub帐户上。 一段时间后，我将存储库转移到ZAP GitHub组织 。 与他一起进行一些更改的动机促使我花更多的时间在ZAP上工作。 他最初的参与启发了我将项目发布到Up For Grabs上，从而带来了超出预期的更多贡献。

新功能 (New Features)

It still amazes me that some features have been implemented solely by contributors to ZAP. Some of these are:

仍然令我惊讶的是，某些功能仅由ZAP的贡献者实现。 其中一些是：

• Rendering the YouTube video’s description (with proper hyperlinks)
  渲染YouTube视频的描述(带有适当的超链接)
• YouTube search with autocompletion
  具有自动补全功能的YouTube搜索
• Showing search results, and playing the audio for that video without leaving the ZAP website
  显示搜索结果，并在不离开ZAP网站的情况下播放该视频的音频

工具类 (Tools)

GitHub has been really great about promoting free tools for open source projects. The following tools have been tremendously helpful and will continue to benefit ZAP in the future:

GitHub在为开源项目推广免费工具方面确实很棒。 以下工具非常有帮助，将来将继续使ZAP受益：

• GitHub Pages — nothing beats free hosting for our static site!
  GitHub Pages –对于我们的静态站点，免费托管是无与伦比的！

• Gitter — our awesome chatroom that’s integrated with our other services

  Gitter —与其他服务集成的超赞聊天室

• Travis CI — somebody’s gotta run the tests

  Travis CI-必须由他人来进行测试

• Code Climate — a great automated code quality analyzing service

  代码气候 -出色的自动化代码质量分析服务

• TrackJS — useful for tracking & reporting user JavaScript errors

  TrackJS-有助于跟踪和报告用户JavaScript错误

• Google Analytics / Keen.IO — so we can now how users are using the site

  Google Analytics / Keen.IO-现在我们可以了解用户如何使用该网站

谢谢 (Thanks)

I am deeply grateful for the contributors we’ve had so far, and I look forward to collaborating with more in the future.I want to especially thanks the following individuals:

我非常感谢我们到目前为止所做出的贡献，并且我希望将来与更多的人合作，尤其要感谢以下人员：

• Matt Stannett — the first contributor, without him I might’ve abandoned the project months ago!

  Matt Stannett-第一个贡献者，如果没有他，我可能几个月前就放弃了该项目！

• Ian Spence — he bought the domain name! ZenPlayer.audio

  伊恩·斯彭斯 ( Ian Spence) -他买了域名！ ZenPlayer.audio

• Monica Cheung — she’s contributed the most code to the project so far, and added the best feature: YouTube search!

  Monica Cheung-到目前为止，她为该项目贡献了最多的代码，并添加了最佳功能：YouTube搜索！

翻译自: https://www.freecodecamp.org/news/reflecting-on-1-year-of-zen-audio-player-57ee759365ee/

zen1代授权