> For the complete documentation index, see [llms.txt](https://johch3n611u.gitbook.io/c50108/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://johch3n611u.gitbook.io/c50108/ju-li-cheng-bei/201902/20190222-qian-duan-jsmusicplay-ju-li-he-lv.md).
# 2019/0222/前端Javascript musicplay、內聚力耦合率&伺服器權限
## JSMUSICPLAY
理出大概脈絡怎寫、堆疊寫上去，也不是想到寫什麼寫什麼
很多時候無語法錯誤，但有邏輯錯誤，或是其他行影響另一行造成錯誤
問題 : 按開始後換歌可以播放，但暫停或停止時換歌后不可播放
原因 : 功能耦合率太高(我們把播放跟暫停寫在一起，造成下拉式選單功能連動錯誤)
### 第三次 解決耦合率太高
呼叫的不是另一個function而是直接呼叫瀏覽器audio功能
```
Nothing Gonna Change My Love For You
真的不想嘴
帶你去旅行
4
<
請按播放鈕~~~~~
```
Webdings 自行 7 8 為快轉符號
### 第四次 加入快轉功能
(其實快轉/倒轉跟暫停/停止方式很像所以可以考慮和體function)
屬性currentTime取得按下去時的秒數，指定時則為指定播放時的時間
快轉currentTime += 5 ， 倒轉 currentTime -= 5
x += y 相當於 x = x + y
addEvebtListener 不能呼叫有參數的物件
```
nexttime.addEventListener("click", TimeChange); 正確
nexttime.addEventListener("click", TimeChange(false)); 錯誤
```
解決方式 - > 匿名函數 : 只被某一種特定區域內的事件執行時使用
```
nexttime.addEventListener("click", function(){audio.currentTime +=10 ;});
nexttime.addEventListener("click", function(){audio.currentTime -=10 ;});
第一種方式 直接呼叫匿名函式，結構不明確
nexttime.addEventListener("click", function(){TimeChange(fasle);});
nexttime.addEventListener("click", function(){TimeChange(true);});
function TimeChange(boolFlag)
{
if (boolFlag)
audio.currentTime += 10;
else
audio.currentTime -= 10;
}
第二種方式 利用匿名函式間接呼叫函式，結構較為明確 ((其實也差不多...
```
上一首 9 下一手 :
抓物件存入變數
製作事件監聽器
循環播放 隨機播放 ( 這次就發現function會牽扯再一起 ， 需要思考完整架構，不然整個會亂掉 )
上一首跟下一首歌其實是兩個獨立的物件
```
function SongChange(boolFlag) {
if (boolFlag)
music.selectedIndex++;
else
music.selectedIndex--;
ChangeMusic();
}
```
####
####
####
####
#### google chrome console 很方便會即時修改值
### 第五次 音量調整功能
音量調整是另用input button type range
audio.volume = volValue.value/100;
為何要除100看以下跟要求值要在0\~1之間有關係
{% embed url="" %}
```
```
### 第六次 不同瀏覽器 細節處理
不同瀏覽器對不同事件不同定義
change ie 隨時都在 change
chrome 放開滑鼠or結束事件才抓值
ie 不支援input
```
vol.addEventListener("input", function () { VolumeChange("c"); });
volM.addEventListener("click", function () { VolumeChange("m"); });
volP.addEventListener("click", function () { VolumeChange("p"); });
```
### 第七次 靜音功能
audio屬性muted
```
V
var muted = document.getElementById("muted");
muted.addEventListener("click", SetMuted);
function SetMuted() {
if (muted.innerText == "V") {
audio.muted = true;
muted.innerText = "U";
}
else {
audio.muted = false;
muted.innerText = "V";
}
}
```
### 第八次 注意所有物件屬性的預設值
```
```
### 第九次 outofrange
陣列讀值發生錯誤後會歸零
一種方式為 如果是第一首就不能 - -
二種方式是 做 第一首跟最後一首的 環狀結構 捲動式
```
function SongChange(boolFlag) {
music.options.length
if (boolFlag) {
if (music.selectedIndex < music.options.length - 1)
music.selectedIndex++;
else
music.selectedIndex = 0;
}
else {
if (music.selectedIndex == 0)
music.selectedIndex = music.options.length - 1;
else
music.selectedIndex--;
}
console.log(music.selectedIndex);
ChangeMusic();
}
```
##
## 伺服器權限
### 資料夾/不同使用者NTFS權限
### 資料夾/群組NTFS權限
