DEN MEDIAPLayer vom SurferBrowser nutzen von Rolf B, 08.07.2024 09:09

DEN MEDIAPLayer vom SurferBrowser nutzen

Angel Earthman E-Mail-Adresse des Autors Homepage des Autors 08.07.2024 08:11

Hallo TEAM,

-- Ich habe für meine TESTwebseite (Earthman auf 000webhostapp linkbutton unten) ein grösseres EXPERIMENT gemacht. Den MediaPLAYER ==D Die WIEDERGABE VON MUSIK DATAIEN IM MS IEBrowser in IHM.

Dass Funktioniert viel einfacher als mit den JavaScript Musikfunks... Deren Audiowiedergabe ist doov.. :( -- Die IFrames aber sind COOL, (ähnlich wie leichte INCLUDES oder "FILLsTAGs" FÜR HTML ! :)!) + + + Daneben die WINDOWS.OPENS im JavaScript. Ganz komisch, dass DIE KEIN eigene TAG-Befehle dafür haben!

SO WAS zB: < PICKUPE-WINDOW SRC= Htm.htm ... />

Bräuchte ein funkionales Js+HTML-F r a m e w o r k dafür....:: Braucht HTML so und so EINZ für immer. (Die FRAMES-SETS übrigens taugen garnicht viel. Aber dazu später)

Die HTML-Include-Fenster: Wie schaft man es am einfachsten ein "PICKUP" zu esrtellen. Und welchen einstellungen hat der Video-Player vom Browser. Den müsste Java (also JS) ja eh irgendwie nutzen. (So viel weiß ich nicht).

Am Ende müsste man JSON mit den Einstellungen haben und einen HTML STARTING-TAG darunter...

DEMOS sind GUT. ......:

var SETS = { XYSIZES: [500,340], XYCOORDS: {100,200}, URLS: ["file.mp4", "DAten.html" ... ], LOOPS: "98times", VISITS: TRUE! }

JAVAseal.render.ThePICKUP (( SETS )).then.on.click.startitand show (1);

// DASS sollte reichen !

im <html> DANN <FORM><THE> <PICKUP COPYTHEURL = wrwr.. CLASS = "INEEDAWINDOWWIN.. /> </THE></FO..

Dass kling gut! ;) Ich jabe es auf https://earthmann.000webhostapp.com/ ausprobiert Denn SOurce könnt ihr, Team, so ansehen. Oder... Ich kopier es hier an. Die Demo ist voll. Nur die Seite ist viertelferig. :| Wenig Zeit aber naja.. (Magie nmt)

Programmier weniger. Aber als Designer kann ich was dazu machen. Dass ist mit | <> STYLE < | ==D bin ich im GUTEN... Texten geht auch weilili. ==D : )

EARTHMAN, ONGI, AUS MÜHLEDORF/TÖG

BTW, SOURCE:

(ich habe gängeiges, akutelllllles, da ausprobiert)

(mal schauen ob das...?)




<style id="CSS SETTINGS EINS">

  HTML.LAYALS {  COLOR: blue ;
    ; font: bold 11.5PX Palatino ;

 }

  HTML FORM.Visudal_FORM { 
    ; background : URL(ErstePSP_TESTs.gif);
    ; /*background : URL("IPSPREGENBOGEN_TESTs.png") */;
    ; FONT-weight: bold ;; font-size: 13px
    ; COLOR: 353 ;
    ; height: 820 ;; width: 1400
    ;
    ;
  
  }



</style>










   <form id="VISALS FÜR DIE EARTHMA" class="Visudal_FORM" style=" 
COLOR: #354 ;; 
height: 681px ; 
width: 1280px ; 
background: URL(IPSPREGENBOGEN_TESTs.png) #DDD ; ">
     <ol>
	 
	 
	 
	 <small>== W E B D E S I G N E R S  AND  W O R K E H R  = = </br> dies ist E I N WEBAUFTRIT- O R D N E R VON == //E A R T H M A N//  ==</small>
	 
	 
	 
	 </ol>
   </form>




<style>
  HTML FORM BUTTON.EINS { background-color:#19E; color:#113; padding:22px; font: bold 15px "bodoni bd bt"; }
</style>


<script>
// ZUM FENSTER LADEN MIT URL FÜR LOOP-mp3 //


function START__Sand__PANEL__FIVE__ (activator_URL)
{
  // PRESETER SMALL
  //if (activator_URL.length == true) { activator_URL = "WRLD_test.mp3";  } ;

  //activator_URL = "WRLD_test.mp3";

  var FENPANEL__010 = window.open (
    activator_URL, 
    "AUDIOHÖR", 
    "width=540, height=420, scrollbars-x");  
  FENPANEL__010.scrollTo (0,5) ;
  //FENPANEL__010.name "MP3 OLD 90s, DRUM & AND BASS GUTE MUSIK LOOP!";  
  FENPANEL__010.focus ();

  // ??? 
  FENPANEL__010.toolbar.visible== 0;
  FENPANEL__010.statusbar.visible== 1;
  
  FENPANEL__010.moveTo (200, 
			300);

  return true;
//    START__Sand__PANEL__FIVE__ ()    //


}

</script>










<br><br><br>
<br><br>  
<br><br><br><br>


<button id="ICH STARTE EINE TEST PANEL mit m11:47 01.07.2024p3..." style='margin:24PX;'
class="EINS" 
onclick='START__Sand__PANEL__FIVE__ ("DNBAIGor180.mp3");'><b> SAOUND --{{{ P L A Y }}}-- eine mp3 DNBASS </b><br>WIR TESTEN DIE AKTIVATIONEN DIREKT IM BROWSER <br>
ALS DUBLIZIERTES KLEINES FENSTER .. .. :] :) 
</button> __ =D TEST startet HIEREO <br>
<br>



<br><br>
<br><br>
<br><br>



<style> /* == COMPUTERINFOS == */
  HTML FORM.COMPUTERINFOS {background-color:#EEF; padding:26px;}
</style>


<form class="COMPUTERINFOS">
<code><hr><hr>
<br><br><br>
-- + - --
KAP I. 'ICH KANN "ErstePSP.....gif" ALS DESIGN FÜR //EARTHMAN NUMB// (?) ANZEIGEN" ..... ....... SCHREIBT SERVER<br>
<br>
-- + - --
KAP II: 
'JETZT KANN ICH EIN "FENSTER" MIT MUSIK ALS mp3 ANZEIGEN' ..... SC*SER<br>

<br>
-- + - --
<br>
<br>
<br>

//JASC PSP TESTS! AUF <a href="http://earthmann.000webhostapp.com/#">EARTHMANN.000webhost.com</a> /// <a href="mailto:ANGELMAEARTHMANN@GOOGLE.COM">ANGELMAEARTHMANN@GOOGLE.COM</a>//  :- -- ANGEL NICK EARTHMAN<br>
<br>
<br>
<br>

<br>
<br>
<br>
<br>
<br>










</code>


</form>

HTML.LAYALS { COLOR: blue ; ; font: bold 11.5PX Palatino ;

}

HTML FORM.Visudal_FORM { ; background : URL(ErstePSP_TESTs.gif); ; /*background : URL("IPSPREGENBOGEN_TESTs.png") */; ; FONT-weight: bold ;; font-size: 13px ; COLOR: 353 ; ; height: 820 ;; width: 1400 ; ;

}

</style>

 <small>== W E B D E S I G N E R S  AND  W O R K E H R  = = </br> dies ist E I N WEBAUFTRIT- O R D N E R VON == //E A R T H M A N//  ==</small>
 
 
 
 </ol>

</form>

function START__Sand__PANEL__FIVE__ (activator_URL) { // PRESETER SMALL //if (activator_URL.length == true) { activator_URL = "WRLD_test.mp3"; } ;

//activator_URL = "WRLD_test.mp3";

var FENPANEL__010 = window.open ( activator_URL, "AUDIOHÖR", "width=540, height=420, scrollbars-x");
FENPANEL__010.scrollTo (0,5) ; //FENPANEL__010.name "MP3 OLD 90s, DRUM & AND BASS GUTE MUSIK LOOP!";
FENPANEL__010.focus ();

// ??? FENPANEL__010.toolbar.visible== 0; FENPANEL__010.statusbar.visible== 1;

FENPANEL__010.moveTo (200, 300);

return true; // START__Sand__PANEL__FIVE__ () //

}

</script>

<button id="ICH STARTE EINE TEST PANEL mit m11:47 01.07.2024p3..." style='margin:24PX;' class="EINS" onclick='START__Sand__PANEL__FIVE__ ("DNBAIGor180.mp3");'><b> SAOUND --{{{ P L A Y }}}-- eine mp3 DNBASS </b><br>WIR TESTEN DIE AKTIVATIONEN DIREKT IM BROWSER <br> ALS DUBLIZIERTES KLEINES FENSTER .. .. :] :) </button> __ =D TEST startet HIEREO <br> <br>

<form class="COMPUTERINFOS"> <code><hr><hr> <br><br><br> -- + - -- KAP I. 'ICH KANN "ErstePSP.....gif" ALS DESIGN FÜR //EARTHMAN NUMB// (?) ANZEIGEN" ..... ....... SCHREIBT SERVER<br> <br> -- + - -- KAP II: 'JETZT KANN ICH EIN "FENSTER" MIT MUSIK ALS mp3 ANZEIGEN' ..... SC*SER<br>

//JASC PSP TESTS! AUF <a href="http://earthmann.000webhostapp.com/#">EARTHMANN.000webhost.com</a> /// <a href="mailto:ANGELMAEARTHMANN@GOOGLE.COM">ANGELMAEARTHMANN@GOOGLE.COM</a>// :- -- ANGEL NICK EARTHMAN<br> <br> <br> <br>

</code>

</form>

Antwort verfassen Antwort mit Zitat verfassen Beitrag melden

– Informationen zu den Bewertungsregeln

DEN MEDIAPLayer vom SurferBrowser nutzen
Rolf B 08.07.2024 09:09 (Versionen)

css

html

javascript
– Informationen zu den Bewertungsregeln
Hallo Angel Earthman,

ich hatte schon eine längere Antwort geschrieben, aber ein anderer aus dem Moderatorenteam sah deinen Beitrag als Spam an und hat ihn gelöscht, bis ich damit fertig war. Dadurch ging meine Antwort verloren.

Ich schreibe die jetzt nicht nochmal so ausführlich, ich mache nur ein paar Stichpunkte
- Du schreibst sehr wirr und mit vielen Fehlern, die nach Vorsatz aussehen. Dadurch ist dein Text kaum verständlich. Deine "Pickups" scheinen mir aber ein grundsätzlich falsch verstandenes Wort zu sein. Das sind Popups.
- Dein HTML ist ebenso wirr. Du kannst Inhalt und Styles nicht blindlings mischen. Die Browser spielen zwar mit, aber korrekt ist das nicht. Eine HTML Seite hat diese Grund-Grundstruktur:
```
<!doctype html>
<html lang="de">
   <head>
   </head>
   <body>
   </body>
</html>
```
Das ist längst nicht alles, bitte schau im Wiki unter Grundgerüst nach.

Styles gehören in den head-Bereich, und Inhalte in den body-Bereich. Skripte können in head oder body stehen, wichtig ist nur, dass ein Skript im head Bereich nicht auf die HTML Elemente des Inhalts zugreifen kann (oder anders gesagt: auf das DOM), solange die Seite noch geladen wird. Ein Eventhandler wie dein Klick-Handler ist okay; wenn geklickt wird, ist das DOM fertig.

Deine IDs sind schwer zu handhaben. Etwas wie "ICH STARTE EINE TEST PANEL mit m11:47 01.07.2024p3..." ist unbrauchbar. IDs verwendet man, um ein Element von anderen Stellen aus identifizieren zu können, nicht als Kommentar. HTML-Kommentare sehen anders aus.
- MSIE? Echt jetzt? Oder soll das ein Sammelbegriff für "Browser" sein? Denn der IE ist so tot, dass Microsoft den eigentlich überall deaktiviert.
- Um Audio wiederzugeben, brauchst Du kein Popup. Schau Dir in unserem Wiki die Reihe zu Multimedia an, mit dem <audio>-Element kannst Du problemlos Musik wiedergeben.
- Es ist keine gute Idee, Inhalte in Form eines Hintergrundbildes darzustellen. Zum einen ist die Schrift schwer lesbar. Zum zweiten ist Text in Hintergrundbildern nur für einige Menschen lesbar - wer schlecht bis gar nicht sehen kann und Assistenztechniken braucht, für den ist die Seite unzugänglich. Um Texte sinnvoll auf der Seite zu platzieren, kannst Du Dich mit dem Grid-Layout beschäftigen.
Rolf

--
sumpsi - posui - obstruxi
Antwort verfassen Antwort mit Zitat verfassen Beitrag melden

–
Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Angel Earthman: DEN MEDIAPLayer vom SurferBrowser nutzen