Forum - Meine Idee und Inspiration (Daishi)

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten � Meine Idee und Inspiration (Daishi) - Audiodateien abspielen

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8 und 7 - Fragen & Antworten Linux, Ubuntu und andere Betriebssysteme �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Meine Idee und Inspiration (Daishi) - Audiodateien abspielen datum

24.04.2024 09:41 (zuletzt bearbeitet: 24.04.2024 16:03)

Hallo ihr Lieben, ich habe eine Idee um die Gestaltung der Anhänge besser aussehen zu lassen, also in MP3 Format oder Audio.

Nur habe ich ein Problem, vielleicht könnt ihr mir ja da helfen, ihr arbeitet mit der Xobor-Software schon länger.

Wie kann ich es bewerkstelligen, ein unsichtbares Forum zu erstellen, und dort die Audio-Formate hochzuladen, wo die Gäste und Mitglieder das hören können, wenn ich es in einem anderen Forum als Anhang anzeige.

Einen anderen Test habe ich gemacht und es funktionierte. Da habe ich nur als Test, von Wolfgangs Anhang getestet. Dies funktionierte nur mit Eigene, die ich hochladen habe.

Hier mal ein Bild, wie es ausschaut:

Hier, falls das Bild nicht geht, die URL:

Anhänge besser aussehen zu lassen!

Bin noch am herumtesten, wenn alles richtig funktioniert, schreibe ich hier noch die Codes rein.

Brauche nur Hilfe, für die Audio-Dateien, dass sie nicht gesehen werden, so wie ich es mir vorstelle. Ich hoffe, ich konnte es so gut es geht verständlich erklären.

Mit herzlichen Grüßen

Daishi

Daishi

Elvenar-Fan-Forum, Blackbox84 und Wolfgang finden das Top!

Antworten

#2 | Design und Effekte - Audiodateien abspielen datum

08.09.2024 13:10 (zuletzt bearbeitet: 08.09.2024 14:17)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3447
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1316

Design und Effekte - Audiodateien abspielen

Hallo DaishiMir ist da etwas aufgefallen!
Die Audio-Konsolen werden in den Browsern optisch unterschiedlich dargestellt!
Will man das Design in der Farbe angleichen, geht das nicht so einfach, meist nur über große JavaScripts, die dann einen komplett neuen Audio-Player hervorbringen!

Darstellung: Chrome, Opera, Edge

Darstellung: FireFox

Möglichkeiten der Anpassung

Am besten lassen sich die Ecken anpassen, bzw. abrunden!
Mit wenig Aufwand lässt sich auch ein kleiner Mouseover-Effekt einbauen, sehr schön, finde ich!

Audioplayer Standard:

1
2
3
4
5
 
<audio controls>
  <source src="Test.ogg" type="audio/ogg">
  <source src="FREE_Beat_HipHop.mp3" type="audio/mp3">
  Ihr Browser unterstützt das Audio-Element nicht!
</audio>
 

Ecken abrunden + Mouseovereffekt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
/* Audioplayer */
.audioplay:hover, .audioplay:focus, .playaudio:active {
box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
 
.audioplay {
height: 25px;
transition: all 0.5s linear;
-webkit-transition:all 0.5s linear;
box-shadow: 2px 2px 4px 0px #333333;
border-radius:90px ;
}
 

Der neue Audioplayer mit Mouseover-Effekt(Maus über den Player zu den einzelnen Funktionen führen):

Andere Audioplayer auf Codepen

Es gibt wirklich interessante, effektvolle und ideenreiche Audioplayer, die auch in allen Browsern gleich aussehen!
Die meisten Skripte haben nur den Nachteil, dass sie für ein Musikstück entworfen wurden, oder sie haben eine Playlist!

https://codepen.io/Runom/pen/POKeqa
Audioplayer mit Playlist und Plattenspieler

https://codepen.io/mark_sottek/pen/gOJwKPY
Audioplayer mit Playlist und drehender Schallplatte

https://codepen.io/Runom/pen/POKeqa
Audioplayer mit Playlist und vielen Funktionen

Bis dann und besten Dank für die Inspiration!
Wolfgang

Wolfgang hat folgende Dateien an diesen Beitrag angeh�ngt

FREE_Beat_HipHop.mp3

Antworten

Countdown � � Einbau von JavaScript

�hnliche Themen

Antworten

Letzter Beitrag

Ideen, Inspirationen, Skripte sind hier im Forum frei verfügbar!
Erstellt im Forum Ank�ndigungen & Termine, wichtige News! von Wolfgang 1 08.11.2024 17:14
Kipper-Spedition • Zugriffe: 102

Meine Idee und Inspiration mit Vorstellung der Scripte - Vorlagen (Daishi) - Verlinkter, animierter Hinweis
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi

04.07.2024 11:24
von

Wolfgang • Zugriffe: 1742

Eine Idee für den Präsentationskalender
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Daishi 2 10.06.2024 16:51
Daishi • Zugriffe: 162
Mein Projekt Teilen Button
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Daishi 11 28.03.2024 21:18
Daishi • Zugriffe: 575
Auf der Suche nach Ideen - Neues Seitenmenü
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Daishi 4 18.01.2024 15:47
Wolfgang • Zugriffe: 273
Bewegte Bilder - Neue Idee und Inspiration
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Daishi 4 07.12.2023 06:06
ichwersonst • Zugriffe: 411
Ich stelle meine 2 Intros vor (Daishi)
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi 5 23.05.2024 17:52
Daishi • Zugriffe: 348
Ich möchte Euch mein Homepage vorstellen
Erstellt im Forum Stellen Sie Ihr eigene Webseite vor! von Daishi 0 19.09.2022 15:05
Daishi • Zugriffe: 581

Meine komplette Forum-Iconbar zum herunterladen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

16.11.2024 00:22
von

Wolfgang • Zugriffe: 7572

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

95%

Forum - Meine Idee und Inspiration (Daishi) - Audiodateien abspielen

Design und Effekte - Audiodateien abspielen

Forum Lesezeichen ❌