HTML5 audio-player springt bei Aktivität

Horst Bond

Hallo Forum!

Ich bin treuer und begeisterter Nutzer von ff (aktuell 8.0.1 mac). Bei der Erstellung einer Webpage (und Nutzung des HTML5-audio-tags) ist mir allerdings aufgefallen, dass sich das handling hier sehr(!) unangenehm und sperrig darstellt! Der player "springt"/rutscht immer nach unten beim buffering, sodass sich der ganze Kontent des <div> zumindest temporär verschiebt, manchmal aber tatsächlich auch verschoben bleibt, sodass teilweise sogar die funktionalität nicht mehr der visuellen Darstellung entspricht. Das fühlt sich absolut unangenehm an und muss offensichtlich nicht sein, wenn man sich Safari oder Chrom anschaut (die ich immer gegenchecke).

Was ist da los? Kann ich das per css definieren?

Über Rat oder Hinweise würde ich mich wirklich sehr freuen ...

Danke.
Horst

bugcatcher

Testcase?

Horst Bond

Die im Aufbau befindliche Seite ist hier: http://www.sambodromo.com/test.

Es geht zunächst einmal um das "hüpfen" der rechten sidebar:

Der Zustand soll so sein und bleiben:

[Blockierte Grafik: http://www.fonomen.net/pool/normal.png]

Aber bei jedem reload der Seite und beim Abspielen des players verschiebt er sich temporär und manchmal bleibt er auch verschoben:
[Blockierte Grafik: http://www.fonomen.net/pool/buffering.png]
(Den hier gepunkteten Rahmen definiere ich als "Aktionsfeld". Also der Bereich des players INNERHALB dessen scheinbar die "controls" versteckt sind)

Die Seite ist noch nicht validiert, allerdings zeigt sich das Phänomen auch unabhägig davon z.B: hier
http://jsfiddle.net/YK72D/, was bedeutet, dass es meiner Meinung nach etwas mit dem audio-tag im firefox an sich zu tun haben muss und nicht mit dem html.

Ich verstehe eh nicht genau, wie das generell funktioniert, aber wer bei dem jsfiddle.net-Beispiel darauf achtet, wird feststellen, dass bei geringerer definierten größe (width) des players per css, das "Aktionsfeld" des Players prozentual schmaler wird. Das geht so weit. das die visuelle Darstellung von play/stop-button und "aktionsfeld" gar nicht mehr übereinanderliegen und der player für den gemeinen Nutzer unbrauchbar wird...

Also nochmal zusammengefasst: zwei Dinge, die beim ff und dem html5-audio-tag scheinbar im argen liegen:

1. Das hüpfen/verschieben des audioplayers bei jedem buffering (also load und reload der seite, oder buffering des audios)
2. Das sich prozentual verkleinernde "Aktionsfeld" des players im Zusammenhang mit der Veränderung der Länge (width) des players.

Für Ratschläge und Hilfe wäre ich nach wie vor sehr dankbar!

Schönen 4. Advent
Horst

Horst Bond

Ich habe das Problem auch im xhtml-forum gepostet. Die Kollegen haben das Problem des sich verkleinernden Aktionsfeldes als "bug" im ff8 verifiziert:

HTML

<!doctype html>
<html>
<head>
<title>Audio Test</title>
<style type="text/css">
#audio{
	width:100px
}
audio{
	display:block;
	padding:5px;
	border:1px solid black;
}
</style>
</head>


<body>
<p>
<audio 
id="audio" 
controls
src="http://upload.wikimedia.org/wikipedia/commons/8/86/20090724NIHWiki.ogg">
</audio>
</p>


</body>
</html>

Alles anzeigen

Heißt das jetzt, dass auch die "Buffer-Verschiebung" ein bug ist?

lg
horst

Boersenfeger

Zitat von Horst Bond

Die Kollegen haben das Problem des sich verkleinernden Aktionsfeldes als "bug" im ff8 verifiziert

Dann sollten sie dies hier melden, denn Mozilla-Entwickler lesen i. d. R. hier nicht mit.