geluid automatisch stop zetten HTML AUDIO PLAYER

Overzicht

Sponsored by: Vacatures door Monsterboard

Full stack developer Sportsoftware

Functie Jij als Full stack developer wordt onderdeel van een enthousiast jong team dat werkt aan sportsoftware. Binnen jouw rol ben jij diegene die de vertaling maakt van design naar functionele code en zorg jij voor goede experience op meerdere platformen. Onze stack bestaan uit C# ASP.NET Javascript, HTML5 CSS3, jQuery, JSON en React. Daarnaast wordt er gebruik gemaakt van Webcomponents en verschillende authenticatie tools. Doordat er hier gestreefd wordt naar de beste gebruikerservaringen, wordt het product constant doorontwikkeld. Hierdoor blijven ze voor op de competitie en vervullen ze hun eindgebruikers hun behoefte het best. Afhankelijk van de taken van

Bekijk vacature »

.NET Developer

Dit ga je doen (Door)Ontwikkelen van het applicatielandschap; (Door)Ontwikkelen van microservices; Bouwen van nieuwe functionaliteiten; Verbeteringen aandragen voor het applicatielandschap; Sparren met de business. Hier ga je werken De organisatie is werkzaam in de financiële dienstverlening met meer dan 200 medewerkers en meer dan 250.000 eindgebruikers is het een van de grotere binnen haar branche. Je komt te werken in een team waarmee je verantwoordelijk bent voor het ontwikkelen en onderhouden van de financiële applicaties binnen de organisatie, denk hierbij aan het bouwen en onderhouden van portalen. Als .net developer ga jij het development team ondersteunen met de transitie naar

Bekijk vacature »

Senior Frontend developer

Wat je gaat doen: Of beter nog, wat wil jij doen? Bij DPA GEOS werken onze consultants als Frontend Developer in Agile teams bij onze klanten en zijn ze verantwoordelijk voor de grotere webapplicaties. Wil jij dit ook, want we zijn op zoek naar enthousiaste Frontend Developers om ons development team te versterken. Je draagt positief bij aan de teamgeest binnen een projectteam je kijkt verder dan je eigen rol. Eventueel begeleid je ook andere ontwikkelaars in het softwareontwikkelproces. Je gaat webapplicaties maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit

Bekijk vacature »

Java Developer

Wat wij bieden Hybride werken, met als uitgangspunt 50% op kantoor en 50% vanuit huis; Flexibele werktijden en direct een contract voor onbepaalde tijd; Een goed salaris wat aansluit bij je kennis en ervaring; Een mobiliteitsbudget dat aansluit bij jouw manier van reizen; Opleidingsmogelijkheden op basis van behoefte en ambitie; dus geen vast budget; Een pensioenregeling, waar je niet verplicht aan hoeft bij te dragen; 20 vakantiedagen en daarnaast 4,7% van je salaris om flexibel in te vullen, bijvoorbeeld goed voor 7 extra vakantiedagen. Wat jij meeneemt Een hbo- of wo-diploma in een technische richting; Ervaring met het ontwikkelen van

Bekijk vacature »

Medior Frontend developer

Wat je gaat doen: Of beter nog, wat wil jij doen? Bij DPA GEOS werken onze consultants als Frontend Developer in Agile teams bij onze klanten en zijn ze verantwoordelijk voor de grotere webapplicaties. Wil jij dit ook, want we zijn op zoek naar enthousiaste Frontend Developers om ons development team te versterken. Je draagt positief bij aan de teamgeest binnen een projectteam je kijkt verder dan je eigen rol. Eventueel begeleid je ook andere ontwikkelaars in het softwareontwikkelproces. Je gaat webapplicaties maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit

Bekijk vacature »

Full stack Javascript ontwikkelaar

Functie Benieuwd hoe jouw dag eruit ziet? Je komt binnen rond een uur of 10 en dat start je met de morning call. Dit doen we vanaf het hoofdkantoor of op het lab, ligt eraan welk project je mee bezig bent. Na de call en het verdelen van de tickets ga je met je team aan de slag. Rond een uur of 12 is er een goede lunch en ga je smiddags weer lekker door met je werk. De ene keer maak jij een game voor een groot merk om de interactie tussen product en eindgebruiker te vergroten. De andere

Bekijk vacature »

Junior Cloud .NET Software Developer

Bedrijfsomschrijving Dit leuke bedrijf met inmiddels bijna 100 medewerkers heeft een mooi kantoor in de buurt van het Amsterdam stadscentrum. Ze zijn een onafhankelijke softwareleverancier en ze bouwen eigen softwareproducten rondom bestaande ERP en CRM systemen! Je vindt de software van dit bedrijf oa. in de bouw, de agrarische sector, bij de fietsenmaker en ook bij de Gemeente. Als het even kan bouwen ze op maat gemaakte software met behulp van de standaard in de markt te verkrijgen softwaretools. Hierbij gebruiken ze het complete aanbod vanuit Microsoft. Waarom? Ze zijn al jarenlang Microsoft Gold Partner en die samenwerking verloopt goed.

Bekijk vacature »

Backend Developer Integraties HBO

Samengevat: Deze werkgever is een IT-consultancy. Wil jij werken als Backend Developer Integraties? Heb jij kennis van gangbare berichtformaten? Vaste baan: Backend Developer Integraties API HBO €3.100 - €4.400 Zij bieden innovatieve oplossingen die bedrijven efficiënter en wendbaarder maken, waardoor onze klanten zich net zo snel kunnen ontwikkelen als de business van hen vraagt. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om de inzet van technologie. Deze werkgever staat open voor elke nieuwe trend. Onze systemen zijn groot en ingewikkeld. Hou jij van diepgang

Bekijk vacature »

PL/SQL Developer

Over de functie Maandag IT is looking for a Senior Oracle PL/SQL Developer for its client. Start: ASAP Duration: 12 months with option to extend. Location: Breda/remote Language: Dutch and English As an experienced/senior level PL/SQL developer, you will design, build and deliver the enhancements and the 3rd level support for internally developed applications. • Experience with Agile approach (Kanban/Scrum) and agile tools (JIRA and Confluence, Jenkins & GIT); • Capable of working and thinking at different abstraction levels with software developers, architects, and non-technical stakeholders; • Proficient in business English, both in writing and speaking. German is an advantage;

Bekijk vacature »

Delphi developer

Functie Als Delphi developer ga jij aan de slag in een team met twee andere ervaren Delphi programmeurs waaronder de Hoofd programmeur. Als team zijn jullie verantwoordelijk voor de doorontwikkeling van jullie bestaande applicatie. Daarnaast zijn jullie verantwoordelijk voor het onderhouden van deze applicatie en het oplossen van eventuele bugs. Eisen - HBO werk en denk niveau; - Minimaal één jaar ervaring met Delphi; - Goede beheersing van de Nederlandse taal in woord en geschrift; - Jij bent zelfstandig, maar kan ook in team verband werken. Aanbod - €3000,-- €4000,- op basis van jouw kennis en ervaring; - 8% vakantiegeld;

Bekijk vacature »

.NET developer

Wat ga je doen als senior .NET developer? Als senior .NET developer bij Kenter (onderdeel van Alliander) ben je van onschatbare waarde. Je werkt samen met ruim 35 IT-professionals aan zowel greenfield- als legacy-projecten. Dat doe je samen met ontwikkelaars, data engineers, product owners en technisch-/functioneel beheerders. In jouw rol maak je onderdeel uit van een kleiner scrumteam dat zich richt op één specifieke productstroom. Concreet hou jij je bezig met het ontwikkelen van applicaties en services op basis van ASP.NET Core en Blazor. Ook denk en werk je mee aan de continue verbetering en professionalisering van het ontwikkelproces (ondersteund

Bekijk vacature »

Java Developer

Java/Kotlin Developer Ben jij een ervaren Java/Kotlin developer met een passie voor het automatiseren van bedrijfsprocessen? Wil je graag deelnemen aan uitdagende projecten bij aansprekende klanten? En ben je op zoek naar een professioneel, ambitieus en dynamisch bedrijf om je carrière verder te ontwikkelen? Kom dan ons team bij Ritense in Amsterdam versterken! Zo ziet de functie eruit: Als Java/Kotlin developer bij Ritense ben je verantwoordelijk voor de ontwikkeling en implementatie van applicaties die bedrijfsprocessen automatiseren, zodat onze klanten slimmer, efficiënter en klantgerichter kunnen werken. Als developer ben je in de lead en zorg je voor de correcte oplevering van

Bekijk vacature »

Front end developer

Functie Het team bestaat uit User Experience designers, Data Scientists en Software Engineers met passie voor hun vak. De consultants en ontwikkelaars werken volgens de Design Thinking methode waarbij de eerste stappen van ontwerp en ontwikkeling zullen samenkomen in een proof of concept. Nadat is vastgesteld dat de oplossing voldoet aan de belangrijkste behoeftes worden producten of services gevalideerd door middel van korte iteraties. Hiermee zorgen ze ervoor dat het werk voldoet aan de technische vereisten en gebruikersbehoefte. Door het inzetten van de nieuwste technologieën die toekomstbestendig zijn weten ze klanten omver te blazen. Ook geven en organiseren ze veel

Bekijk vacature »

Oracle Apex Developer

Dit ga je doen Jouw taken bestaan uit: Het bouwen maatwerk Oracle applicaties voor Europese business units; Het implementeren van de nieuwste technieken om te blijven innoveren; Actief meedenken en aandragen van verbetervoorstellen. Hier ga je werken Deze organisatie in de regio Veenendaal is een van wereld grootste retailers met ruim 16.000 winkels in 27 markten en jaarlijks ruim 5,3 miljard klanten die winkelen bij een van hun welbekende retailmerken. Binnen de organisatie is er een IT Group actief die dient als IT Service Provider voor de hele organisatie en waar dagelijks IT'ers werken aan state-of-the-art IT oplossingen. Dit doen

Bekijk vacature »

Medior Frontend developer

Wat je gaat doen: Of beter nog, wat wil jij doen? Bij DPA GEOS werken onze consultants als Frontend Developer in Agile teams bij onze klanten en zijn ze verantwoordelijk voor de grotere webapplicaties. Wil jij dit ook, want we zijn op zoek naar enthousiaste Frontend Developers om ons development team te versterken. Je draagt positief bij aan de teamgeest binnen een projectteam je kijkt verder dan je eigen rol. Eventueel begeleid je ook andere ontwikkelaars in het softwareontwikkelproces. Je gaat webapplicaties maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit

Bekijk vacature »
Space gremlin

space gremlin

10/10/2021 01:31:52
Anchor link
Zie onder code

ik gebruik hier 2 players deze werken naar behoren.
echter wil ik dat alle het geluid stop gezet word, of op pauze gezet word.
Op het moment dat player of player2 aangeklikt word.

Hoe kan ik dit doen, ik heb diversen opties van het internet geprobeerd.
en werken helaas niet. alvast bedankt.


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<?

if(!file_exists("mp3/".$cartnr2.'.mp3'))
{
}
else{
$audio1 = '<audio id="player" controls loop controlsList="nodownload" >
 
  <source src="'
.HTTPS_SERVER.'/mp3/'.$cartnr2.'.ogg" type="audio/ogg">
  <source src="'
.HTTPS_SERVER.'/mp3/'.$cartnr2.'.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>'
;$audio2 = playsong ; $audio6 = playsong_msx;
}


if(!file_exists("mp3/".$cartnr2.'-nm.mp3'))
{
}
else{
$audio3 = '<audio id="player2" controls loop controlsList="nodownload" >
 
  <source src="'
.HTTPS_SERVER.'/mp3/'.$cartnr2.'-nm.ogg" type="audio/ogg">
  <source src="'
.HTTPS_SERVER.'/mp3/'.$cartnr2.'-nm.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>'
;$audio4 = playsong ; $audio5 = playsong_nm;
}

>?
Gewijzigd op 10/10/2021 01:32:54 door Space gremlin
 
PHP hulp

PHP hulp

05/02/2023 17:46:03
 
- Ariën  -
Beheerder

- Ariën -

10/10/2021 01:33:40
Anchor link
Wat heb je al geprobeerd?
Misschien zat je al op het goede (audio)spoor? ;-)
 
Space gremlin

space gremlin

10/10/2021 01:35:19
Anchor link
goh ik snap je vraag, maar ik heb zoveel geprobeerd, dat het lastig is om dat hier allemaal op te noemen, want als het niet werk gooi ik het meteen weer uit mijn php code.
 
- Ariën  -
Beheerder

- Ariën -

10/10/2021 01:38:54
Anchor link
Tja, het is eigenlijk de bedoeling om dan te debuggen en te kijken waarom het niet werkt.
Daar leer je tenminste van ;-)

Maar ik denk dat je met de Audio API uit Javascript wel uit de voeten kan:
https://www.w3schools.com/jsref/met_audio_pause.asp
Gewijzigd op 10/10/2021 01:40:01 door - Ariën -
 
Space gremlin

space gremlin

10/10/2021 01:39:26
Anchor link
1 voorbeeld deze werkte dus, echter toen ik deze later weer ging testen werkte deze ineens weer niet.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<?
document.addEventListener('play', function(e){
    var
audios = document.getElementsByTagName('audio');
    for(var i = 0, len = audios.length; i < len;i++){
        if(audios[i] != e.target){
            audios[i].pause();
        }
    }
},
true);

?>


Toevoeging op 10/10/2021 01:41:28:

@-Ariën-

die code ben ik dus ook bezig geweest, maar krijg het helaas niet aan de praat
terwijl je zou zeggen dat het niet zo moeilijk moet zijn hihi.
Gewijzigd op 10/10/2021 01:42:49 door space gremlin
 
- Ariën  -
Beheerder

- Ariën -

10/10/2021 01:42:54
Anchor link
Het zal wel een reden hebben dat het opeens niet werkt ;-)

Je hebt vermoedelijk iets gewijzigd?
Ik zou zeggen: Ga debuggen en gooi eens wat console.log()'s in de code, en kijk eens eens per if/for/while-statement of die wordt doorlopen en wat de variabelen uitspugen.
Gewijzigd op 10/10/2021 01:43:48 door - Ariën -
 
- Ariën  -
Beheerder

- Ariën -

27/10/2021 12:15:24
Anchor link
Topic gesloten na (verwijderde) spamkick.
Topicstarter kan na PM met crew het topic weer laten heropenen.
 
 

Dit topic is gesloten.



Overzicht

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.