项目作者： AbhayPai

项目描述：
Application created with intention to detect the speakers connected to device.

高级语言： JavaScript

项目主页： https://abhaypai.github.io/app-detect-speakers/

项目地址: git://github.com/AbhayPai/app-detect-speakers.git

创建时间： 2019-08-30T01:35:50Z
项目社区：https://github.com/AbhayPai/app-detect-speakers
开源协议：
下载

Detect Speakers

Detect Speakers

Rules followed in this Project.

1. SCSS Rules

1.1 Folder architecture of scss is based on SMACSS viz.

Base.
Layout.
Module.
State.
Page (Root file viz. custom made ) (which may or may not contains above all scss file) (inspiration from ITCSS).

1.2 All SCSS files from above architecture directory must follow:

One class must do one thing properly.
BEM seperator for class defining. eg(.navbar—logo__link)
Object oriented CSS selector. OOCSS
Avoid styling using id.
Avoid using element selector directly.
Avoid deep selector (not greater than 3).

Concept Explanation.

Used (Web_Audio_API)[https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API] which is inbuilt in most (modern browsers)[https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API#Browser_compatibility].
(BaseAudioContext)[https://developer.mozilla.org/en-US/docs/Web/API/BaseAudioContext] is the interface being used which is defined under (Web_Audio_API)[https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API].
Now for creating panning effect, (createStereoPanner)[https://developer.mozilla.org/en-US/docs/Web/API/BaseAudioContext/createStereoPanner] which is defined in (BaseAudioContext)[https://developer.mozilla.org/en-US/docs/Web/API/BaseAudioContext].
(Audio)[https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement/Audio] constructor is used to play audio file.


