
讓使用者得以為各分頁指定音訊輸出裝置。

### 使用說明

欲使用須在 Firefox 設定中啟用 `media.setsinkid`。
此擴充只作用在 HTML5 `<audio> , <video>` 元素上。

### 安裝

[Firefox](https://addons.mozilla.org/zh-TW/firefox/addon/audioff-audio-device-selector/)

### 連結

[Github](https://github.com/chuang861012/audioff)

### 授權條款

[MIT License](https://github.com/chuang861012/audioff/blob/master/LICENSE)


audioff - audio device selector


本站開發基於 [Next.js](https://nextjs.org/) 並使用 [create-next-app](https://www.npmjs.com/package/create-next-app) 建置。

### 架構

##### Base

-   [React.js](https://reactjs.org/)
-   [Next.js](https://nextjs.org/)
-   [next-i18next](https://github.com/isaachinman/next-i18next)
-   [next-sitemap](https://github.com/iamvishnusankar/next-sitemap)
-   [sharp](https://github.com/lovell/sharp)

##### UI

-   [Chakra UI](https://chakra-ui.com/)

##### icons

-   [react-icons](https://react-icons.github.io/react-icons/)
-   [icons8](https://icons8.com/)
-   [fontawesome](https://fontawesome.com/)

##### Markdown Rendering

-   [react-markdown](https://github.com/remarkjs/react-markdown)
-   [react-syntax-highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter)
-   [gray-matter](https://github.com/jonschlinkert/gray-matter)
-   [rehype-raw](https://github.com/rehypejs/rehype-raw)
-   [remark-gfm](https://github.com/remarkjs/remark-gfm)

##### Animation

-   [framer-motion](https://www.framer.com/motion/)
-   [emotion](https://github.com/emotion-js/emotion)

##### Environment variables setup

-   [cross-env](https://www.npmjs.com/package/cross-env)

##### The thirdpartylicenses.txt file in the public folder was created by [oss-attribution-generator](https://github.com/zumwald/oss-attribution-generator).

### 連結

[Github](https://github.com/chuang861012/henrychuang)

個人網站


擔任研究助理期間建置與維護的教授個人網站。

### 架構

-   前端 : [Gatsby.js](https://www.gatsbyjs.com/)
    基於 Node.js 與 React 和 GraphQL 的靜態網站生成器。程式碼以 react 撰寫。
-   內容管理系統 : [Contentful](https://www.contentful.com/)
    雲端無頭CMS平台。

### 連結

[網站連結](https://ljcheng.tw/)


教授個人網站


為了讓資管系有參加系隊的同學，能更容易知道系上球隊消息，並讓系隊的管理者更能簡單，清楚管理系隊，因此建置此功能。        
結合資料庫課程從 SQL SERVER 資料庫設計開始逐步完成系統，學習小組協作。

### 主要技術

-   ASP.NET web form
-   C#
-   SQL Server

### 功能

#### 首頁

![首頁](home.jpg)
輸入帳號密碼以登入。

#### 註冊

![註冊](signup.jpg)
註冊為隊伍管理員。

#### 主要頁面

![主要頁面](dashboard.jpg)
在這進行所有管理。


Works

audioff - audio device selector

個人網站

教授個人網站

系隊管理系統