abhaypai / app-detect-speakers

Application created with intention to detect the speakers connected to device.

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.