<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>於是寫下生活筆記</title><link>https://yuslife.cc/tags/wireframe/</link><description>Recent content in wireframe on 於是寫下生活筆記</description><generator>Hugo -- gohugo.io</generator><language>zh-TW</language><lastBuildDate>Sun, 04 Dec 2022 00:00:00 +0800</lastBuildDate><atom:link href="https://yuslife.cc/tags/wireframe/index.xml" rel="self" type="application/rss+xml"/><item><title>打造線上廣播電台播放器 Diantai：一切都從需求開始</title><link>https://yuslife.cc/coding/diantai-01/</link><pubDate>Sun, 04 Dec 2022 00:00:00 +0800</pubDate><guid>https://yuslife.cc/coding/diantai-01/</guid><description>隨著 HiNet 廣播網 hichannel 的服務在 2022/9/30 終止，原先透過網路收聽廣播電台的大宗使用者，只能紛紛尋找其他替代服務，然而許多替代方案都存在著不同問題，因而衍生出需</description><content:encoded><![CDATA[<p>隨著 HiNet 廣播網 hichannel 的服務在 2022/9/30 終止，原先透過網路收聽廣播電台的大宗使用者，只能紛紛尋找其他替代服務，然而許多替代方案都存在著不同問題，因而衍生出需要一款符合台灣受眾使用習慣，且方便美觀的線上廣播網站需求。</p>
<p>
<figure>
    <picture>
        
        <source data-srcset="/src/images/post/diantai-01-featured_hu4dc60c7155cc8ebab94d2a596b11438b_850199_400x0_resize_q75_h2_box.webp" media="(max-width:500px)" type="image/webp">
        
        <source data-srcset="/src/images/post/diantai-01-featured_hu4dc60c7155cc8ebab94d2a596b11438b_850199_600x0_resize_q75_h2_box.webp" media="(max-width:700px)" type="image/webp">
        
        <source data-srcset="/src/images/post/diantai-01-featured_hu4dc60c7155cc8ebab94d2a596b11438b_850199_960x0_resize_q75_h2_box.webp" type="image/webp">
        
        <img src="/src/images/img-placeholder.svg" data-src="/src/images/post/diantai-01-featured_hu4dc60c7155cc8ebab94d2a596b11438b_850199_960x0_resize_q75_box.jpg" alt="hichannel 服務終止通知"
            class="lazy"  width="960" height="540">
    </picture>
    
</figure></p>
<h2 id="hichannel-結束後的替代方案與常見問題">hichannel 結束後的替代方案與常見問題</h2>
<p>在 hichannel 結束服務後，大多數習慣使用網路收聽廣播的使用者，可能會有以下選擇：</p>
<ol>
<li>透過各電台官網收聽</li>
<li>透過其他集合線上收聽管道收聽</li>
</ol>
<p>然而上述兩管道卻存在著不同的問題，首先，由於各廣播電台線上收聽管道不一，有的是透過自己本身網站提供服務，有的是透過 YouTube、Twitch 等第三方影音平台提供串流，進而加大了使用者搜尋的難度與切換電台的不便性。</p>
<p>而透過其他集合線上收聽管道的網站收聽，則會發現大多服務都是國外網站所提供，缺乏符合國內使用者的收聽需求，比如：語言不一定提供繁體中文、電台收錄不完整、篩選方式缺乏以電台頻率等台灣使用者習慣的方式篩選、因非台灣在地服務無法即時更新等問題。</p>
<p>綜觀上述問題，筆者想試著透過自己淺薄的程式技能，嘗試開發出一款符合自身需求而且又好看的網路線上廣播電台。</p>
<h2 id="我心目中的線上廣播電台是如何">我心目中的線上廣播電台是如何？</h2>
<p>觀察目前市面的線上廣播網並集合我的需求，我會希望打造如下功能的線上廣播電台：</p>
<ol>
<li>只包含台灣的廣播電台，降低複雜度</li>
<li>能依照地區、種類、頻率篩選廣播電台列表</li>
<li>具備背景播放功能</li>
<li>能收藏喜愛電台</li>
<li>美觀、好看</li>
</ol>
<p>接下來，我將依循上述大方向，開始規畫屬於自己的線上廣播電台，而在正式打造前，先幫這個專案命名，既然是收聽廣播電台，就稱呼他為「DianTai（電台音譯）」吧！</p>
<blockquote>
<p>「程式筆記」是於是寫下生活筆記全新系列主題文章，主要將會記錄各種筆者開發網站或工具的過程，留下屬於斜槓行銷人的文字紀錄。</p>
<p>因為不是專業工程師，若開發過程有任何建議與指教，都可以在下方留言交流！</p>
</blockquote>
]]></content:encoded></item></channel></rss>