io.graphenee.vaadin.component.AudioPlayer Maven / Gradle / Ivy

Go to download
package io.graphenee.vaadin.component;

import java.util.UUID;

import com.vaadin.shared.ui.label.ContentMode;
import com.vaadin.ui.Alignment;

import org.vaadin.viritin.label.MLabel;
import org.vaadin.viritin.layouts.MVerticalLayout;

import io.graphenee.gx.theme.graphenee.GrapheneeTheme;

@SuppressWarnings("serial")
// @JavaScript({ "https://cdn.plyr.io/3.6.2/plyr.polyfilled.js" })
// @StyleSheet({ "https://cdn.plyr.io/3.6.2/plyr.css" })
public class AudioPlayer extends MVerticalLayout {

	String playerId = "player_" + UUID.randomUUID().toString().replace("-", "");
	
	public AudioPlayer() {
		MLabel html = new MLabel().withContentMode(ContentMode.HTML).withStyleName(GrapheneeTheme.STYLE_DISPLAY_INLINE);

		StringBuilder sb = new StringBuilder();
		sb.append("");

		html.setValue(sb.toString());
		addComponent(html);
		setComponentAlignment(html, Alignment.MIDDLE_CENTER);

		// addAttachListener(new AttachListener() {

		// 	@Override
		// 	public void attach(AttachEvent event) {
		// 		com.vaadin.ui.JavaScript.eval("new Plyr(document.getElementById('" + playerId + "'));");
		// 	}
		// });

	}

	public void setUrl(String streamUrl, String mimeType) {
		StringBuilder sb = new StringBuilder();
		sb.append("document.getElementById('" + playerId + "').src = '" + streamUrl + "';");
		sb.append("document.getElementById('" + playerId + "').type = '" + mimeType + "';");
		com.vaadin.ui.JavaScript.eval(sb.toString());
	}

}