Surface RT mit dem Betriebssystem Windows RT und das das "Programmieren" von Webseiten

DarkYoshii · 12. September 2014

Guten Tag alle zusammen!
Ich habe da ein Problem. Und zwar programmieren wir gerade auf der Arbeit eine Webseite zu Präsentationszwecken, welche wir auf dem Surface RT zeigen wollen. Dort gibt es ausschließlich den Internet Explorer.
Beim Programmieren/designen oder wie auch immer, gab es anfangs das Problem, dass der IE keine Videos abgespielt hat(mp4). Als wir das mit Flash-Dateien probiert haben, hats geklappt.

Nun das letzte Problem. Wir haben eine mp3-Datei eingebunden. Der Code ist auch korrekt, wirklich. Aber der Browser will das einfach nicht abspielen. Ich verstehe das nicht. Kann er kein HTML? Ich habe gelesen, dass das eine andere Version des IE auf dem RT ist. Jedenfalls nicht die Desktop-Version. Und er sei deshalb ein wenig eingeschränkt nutzbar was das angeht. Ich habe keinen Schimmer. Hat jemand von euch ne Idee woran es liegt, und was ich machen kann? Die mp3 muss da wirklich rein

Liebe Grüße, Yoshii

lauras · 12. September 2014

Hallo Yoshii,

bitte lies diesen Beitrag zum korrekten Erstellen von Beiträgen in diesem Forum. Gerade in deinem Fall sind besonders interessant:
- verwendete HTML-Version
- Browser-Version (du kannst nicht davon ausgehen, dass jeder von uns ein Surface hat, solche Sachen musst du selber rausfinden, ein "ich habe gelesen" reicht da nicht)
- Code (wie sollen wir dir sonst helfen?)

Danke.

DarkYoshii · 12. September 2014

Tut mir Leid, ich muss zugeben, dass ich mich nicht wirklich schlau gemacht habe, nach welchen Regeln ich hier einen Thread eröffnen kann.
Nun denn. Ich beantworte mal deine Frage..
Es ist der Internet Explorer 10. Den es dort sowohl als App als auch den vollwertigen Browser gibt. Aber ich habe das Problem auch beim vollwertigen IE10, dass ich kein Audio abspielen kann. Ich bin nicht der Beste Webdesigner, das weiß ich xD

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 




<head> 
<meta http-equiv="Content-Language" content="de" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Die Seite der Feuerwehr</title> 
<style type="text/css"> 
.style1 { 
margin-left: 840px; 
} 
.style2 { 
margin-top: 0px; 
margin-right: 0px; 
} 
.style3 { 
margin-bottom: 0px; 
} 
.style4 { 
margin-bottom: 77px; 
} 
</style> 
<p> 
<img alt="" src="BD21318_.gif" width="100%" height="98" class="style2" /></p> 
<h1 class="style1" style="width: 248px; height: 16px;">Unsere Videos</h1> 




</head> 




<body> 




<table style="width: 100%; height: 10px"; border="1" class="style4"> 
<tr> 
<td style="height: 50px; width: 75px"><a href="Video1.html">Video Nummer Eins</a></td> 




<td style="height: 50px; width: 75px"><a href="Video2.html">Video 
Nummer Zwei</a></td> 




<td style="height: 50px; width: 75px"><a href="Video3.html">Video Nummer Drei</a></td> 
<td style="height: 50px; width: 75px"><a href="Video4.html">Video Nummer Vier</a></td> 
<td style="height: 50px; width: 75px"><a href="Video5.html">Video Nummer Fünf</a></td> 
<td style="height: 50px; width: 75px"><a href="Video6.html">Video Nummer Sechs</a></td> 
</tr> 




</table> 




<div align="center"> 




<audio controls="loop"> 
<source src="Shinedown.mp3" type="audio/mpeg" /> 
Dein browser ünterstützt das nicht! 
</audio> 
</div>




</body> 




</html>

Alles anzeigen

The Scout · 12. September 2014

Nun, da gibt es mehrere Probleme:
1) Dein Doctype. Für den TAG <audio>, muss man HTML5 benutzen, dein Doctype gibt aber an, dass du XHTML 1.0 transitional verwenden willst.
Ändere deine erste Zeile in

HTML

<!DOCTYPE html>

2) Dein <head> Bereich. Hier hast du viele Dinge drin, die für den angegebenen Doctype passend sind, allerdings auch wieder nicht zu HTML5 passen. Hier mal der geänderte <head> Bereich:

HTML

<html xmlns="http://www.w3.org/1999/xhtml" lang="de"> 




<head> 
<meta charset="utf-8"> 
<title>Die Seite der Feuerwehr</title> 
<style> 
.style1 { 
    margin-left: 840px; 
} 
.style2 { 
    margin-top: 0px; 
    margin-right: 0px; 
} 
.style3 { 
    margin-bottom: 0px; 
} 
.style4 { 
    margin-bottom: 77px; 
} 
</style>
<!-- Das hier gehört GAR NICHT in <head>, sondern in <body>
<p> 
<img alt="" src="BD21318_.gif" width="100%" height="98" class="style2" /></p> 
<h1 class="style1" style="width: 248px; height: 16px;">Unsere Videos</h1> 
-->
</head>

Alles anzeigen

3) Dein Styling. Tabellen (also <table>) sind NIEMALS für Styling zu gebrauchen. Es gab da mal einen schönen Spruch:

Zitat

ok, stell dir vor html is deine muttersprache (statt deutsch) - und du die techniken (framesets, div-container, tabellen) sind die dialekte
dann wäre
div-container -> hochdeutsch. versteht jeder
tabellen -> bayrisch. verstehen manche, hört sich aber immer lustig an
framesets -> übelstes sächsisch. versteht keiner, will auch niemand...

Also: nimm DIVs, oder, falls passend, die neuen HTML5 Bereichs-TAGs
3.1) Dazu gehört auch: Man nutzt kein align=center mehr, sondern CSS zur Ausrichtung

4) Das <audio> an sich. Es gibt verschiedene Sachen, die man dem <audio> TAG mitgeben kann, du willst offenbar eine Steuerung und eine Schleife. Das sind aber zwei verschiedene Dinge! Auch können verschiedene Browser nicht immer alle Formate abspielen, Opera zB behrrscht mMn zB kein mp3, für den muss ein offenes Format (zB .ogg) genutzt werden. Noch ein Tipp: Mach den Leuten deutlich, WAS nicht klappt!
Hier wieder breinigt:

HTML

<audio controls loop> 
<source src="Shinedown.mp3" type="audio/mpeg"> <!-- Der Pfad zur Datei muss natürlich passen! -->
Dein Browser beherrscht leider keine direkte Musikwiedergabe.
</audio>

Arbeite dich am besten noch einmal durch das HTML Seminar, da wird aktuelles HTML gelehrt.

DarkYoshii · 12. September 2014

Ich hab ja mit SharePoint gearbeitet. Da geht man von aus, dass die Vorgaben richtig sind. Aber gewisse Dinge waren sicher auch von mir nicht richtig, ja.
Den Spruch merk ich mir. Das hatte ich so auch gelernt gehabt

Trotz allem. Das Lied wird nicht abgespielt im Browser. Die Fehlermeldung taucht auf. Pfad und alles sind korrekt. Es kann ja nicht am <table>-Tag liegen dass die Audio-Datei nicht im IE 10 abgespielt wird.

lauras · 12. September 2014

Zitat

Ich hab ja mit SharePoint gearbeitet.

Bitte tu das weg..

Bitte stelle uns nochmal den von dir abgeänderten Code zu Verfügung, unsere hellseherischen Fähigkeiten haben sich leider seit dem ersten Post nicht verbessert..

DarkYoshii · 12. September 2014

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="de"> 




<head> 
<meta charset="utf-8"> 
<title>Die Seite der Feuerwehr</title> 
<style> 
.style1 { 
margin-left: 840px; 
} 
.style2 { 
margin-top: 0px; 
margin-right: 0px; 
} 
.style3 { 
margin-bottom: 0px; 
} 
.style4 { 
margin-bottom: 77px; 
} 
</style>
</head>
<bod>
<img alt="" src="BD21318_.gif" width="100%" height="98" class="style2" /> 
<h1 class="style1" style="width: 248px; height: 16px;">Unsere Videos</h1> 







<table style="width: 100%; height: 10px"; border="1" class="style4">
<tr>
<td style="height: 50px; width: 75px"><a href="Video1.html">Video Nummer Eins</a></td>




 <td style="height: 50px; width: 75px"><a href="Video2.html">Video 
Nummer Zwei</a></td>




 <td style="height: 50px; width: 75px"><a href="Video3.html">Video Nummer Drei</a></td>
<td style="height: 50px; width: 75px"><a href="Video4.html">Video Nummer Vier</a></td>
<td style="height: 50px; width: 75px"><a href="Video5.html">Video Nummer Fünf</a></td>
<td style="height: 50px; width: 75px"><a href="Video6.html">Video Nummer Sechs</a></td> 
</tr>




</table>




<audio controls loop> 
<source src="Shinedown.mp3" type="audio/mpeg"> 
Dein Browser beherrscht leider keine direkte Musikwiedergabe.
</audio>




</body>
</html>

Alles anzeigen

Mein Gedanke mit dem ich spiele:
Weil es ja mit Flash-Dateien geklappt hat... den Song zu konvertieren und ihn dann mit nem Flashplayer einzubinden..
Weil die anderen Audioformate werden auch nicht abgespielt.

The Scout · 12. September 2014

Es kann auch sein, dass dem SERVER noch mitgeteilt werden muss, dass er bei .mp3 den type audio/mpeg nutzen soll.
Dafür fügst du in der .htaccess Datei folgendes ein:

Code

<IfModule mod_mime.c>
  AddType audio/mpeg mp3
</IfModule>

Ich weiß grad nicht, welche anderen Endungen das noch nutzen (.m3a?), die werden dann einfach ohne Punkt mit Leerzeichen als Trenner angehängt.
Ansonsten empfehle ich die noch die Zeilen:

Code

# Audio
  AddType audio/mp4 m4a f4a f4b
  AddType audio/ogg  oga ogg opus




  # Video
  AddType video/mp4 f4v f4p m4v mp4
  AddType video/ogg ogv
  AddType video/webm webm
  AddType video/x-flv flv

Alles anzeigen

cottton · 12. September 2014

<bod>
einfach mal testen.
ich nutzte da immer ein Bsp im Netz wie zB http://www.w3schools.com/html/html5_audio.asp
von dort kannst Du Dir das Soundfile nehmen, und in Deinem Player testen.
zB:

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">




<head>
<meta charset="utf-8">
</head>
<body>
<audio controls loop>
    <!-- <source src="Shinedown.mp3" type="audio/mpeg"> -->
    <source src="http://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
    Dein Browser beherrscht leider keine direkte Musikwiedergabe.
</audio>




<audio controls><!-- source: http://www.w3schools.com/html/html5_audio.asp -->
  <source src="http://www.w3schools.com/html/horse.ogg" type="audio/ogg">
  <source src="http://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
</audio>




</body>
</html>

Alles anzeigen

Surface RT mit dem Betriebssystem Windows RT und das das "Programmieren" von Webseiten

Jetzt mitmachen!

Teilen