diff --git a/backend/player/player.go b/backend/player/player.go
new file mode 100644
index 0000000..214ce45
--- /dev/null
+++ b/backend/player/player.go
@@ -0,0 +1,58 @@
+package player
+
+import (
+ "context"
+ "fmt"
+ "os"
+ "time"
+
+ "github.com/gopxl/beep/mp3"
+ "github.com/gopxl/beep/speaker"
+)
+
+type Player struct {
+ ctx context.Context
+ state PlayerState
+}
+
+type PlayerState int
+
+const (
+ Playing PlayerState = iota
+ Paused
+ Stopped
+)
+
+func NewPlayer() *Player {
+ return &Player{}
+}
+
+func (p *Player) Init(ctx context.Context) {
+ p.ctx = ctx
+ p.state = Stopped
+}
+
+func (p *Player) ChangeState(desiredState PlayerState) error {
+ return nil
+}
+
+func (p *Player) Play() error {
+ f, err := os.Open("test_data/music_library_test/03 anything.mp3")
+ if err != nil {
+ return fmt.Errorf("Failed to open file %w", err)
+ }
+
+ streamer, format, err := mp3.Decode(f)
+ if err != nil {
+ return fmt.Errorf("Failed to decode mp3 %w", err)
+ }
+ defer streamer.Close()
+
+ err = speaker.Init(format.SampleRate, format.SampleRate.N(time.Second/10))
+ if err != nil {
+ return fmt.Errorf("Failed to initialize speaker %w", err)
+ }
+ speaker.Play(streamer)
+ select {}
+ return nil
+}
diff --git a/frontend/index.html b/frontend/index.html
index c4bfe31..74948e5 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -46,6 +46,11 @@
+
+
+
diff --git a/frontend/src/main.js b/frontend/src/main.js
index eb1eba2..6e146f7 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -1,8 +1,10 @@
import './pico.css';
-import { DirectoryPicker, GetLibraryDir } from '../wailsjs/go/main/App';
+import { DirectoryPicker, GetLibraryDir} from '../wailsjs/go/main/App';
+import { Play } from '../wailsjs/go/player/Player';
let libraryDirectoryLabel = document.getElementById("library-directory-label");
+let playPauseButtonIcon = document.getElementById("playPauseButtonIcon");
GetLibraryDir().
then((result) => {
@@ -10,6 +12,21 @@ GetLibraryDir().
window.updateLibraryDirLabel(result);
}).catch((err) => { console.error(err) })
+window.onPlayPauseButtonClick = function() {
+ try {
+ Play().then((result) => {
+ console.log(result)
+ playPauseButton.setAttribute("src", "/src/assets/images/icons/music/pause-solid.svg")
+ }).catch((err) => {
+ console.log("There is an error with playing")
+ console.error(err);
+ });
+ }
+ catch (err) {
+ console.error(err);
+ }
+}
+
window.dirPicker = function() {
var dir;
try {
diff --git a/frontend/wailsjs/go/player/Player.d.ts b/frontend/wailsjs/go/player/Player.d.ts
new file mode 100755
index 0000000..ab6c38b
--- /dev/null
+++ b/frontend/wailsjs/go/player/Player.d.ts
@@ -0,0 +1,7 @@
+// Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
+// This file is automatically generated. DO NOT EDIT
+import {context} from '../models';
+
+export function Init(arg1:context.Context):Promise