mirror of
https://github.com/captbaritone/webamp.git
synced 2026-07-22 01:29:22 +00:00
52 lines
1.6 KiB
JavaScript
52 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
import {render} from 'react-dom';
|
|
import {Provider} from 'react-redux';
|
|
import {createStore, applyMiddleware} from 'redux';
|
|
import thunk from 'redux-thunk';
|
|
|
|
import createReducer from './reducers';
|
|
|
|
import Browser from './browser';
|
|
import MainWindow from './components/MainWindow.jsx';
|
|
import Winamp from './winamp';
|
|
import Hotkeys from './hotkeys';
|
|
import Skin from './components/Skin.jsx';
|
|
|
|
if (new Browser(window).isCompatible) {
|
|
const winamp = Winamp;
|
|
const store = createStore(
|
|
createReducer(winamp),
|
|
window.devToolsExtension && window.devToolsExtension(),
|
|
applyMiddleware(thunk)
|
|
);
|
|
|
|
render(
|
|
<Provider store={store}>
|
|
<div>
|
|
<Skin>
|
|
{/* This is not technically kosher, since <style> tags should be in
|
|
the <head>, but browsers don't really care... */}
|
|
</Skin>
|
|
<MainWindow winamp={winamp} mediaPlayer={winamp.media} />
|
|
</div>
|
|
</Provider>,
|
|
document.getElementById('winamp2-js')
|
|
);
|
|
|
|
winamp.dispatch = store.dispatch;
|
|
|
|
winamp.init({
|
|
volume: 50,
|
|
balance: 0,
|
|
mediaFile: {
|
|
url: process.env.NODE_ENV === 'production' ? 'https://cdn.rawgit.com/captbaritone/llama/master/llama-2.91.mp3' : 'mp3/llama-2.91.mp3',
|
|
name: "1. DJ Mike Llama - Llama Whippin' Intro"
|
|
},
|
|
skinUrl: process.env.NODE_ENV === 'production' ? 'https://cdn.rawgit.com/captbaritone/winamp-skins/master/v2/base-2.91.wsz' : 'skins/base-2.91.wsz'
|
|
});
|
|
|
|
new Hotkeys(winamp, store);
|
|
} else {
|
|
document.getElementById('winamp').style.display = 'none';
|
|
document.getElementById('browser-compatibility').style.display = 'block';
|
|
}
|