Почему не поет песня? React

подскажите пожалуйста почему при нажатии на кнопку песня не включается? Выдает ошибку index.js:1 Uncaught Error: The error you provided does not contain a stack trace. ChartSong.js:11 Uncaught (in promise) DOMException: The play() request was interrupted by a new load request.


import React from 'react'
import LazyLoad from "react-lazyload";
import './chartsong.scss'

class ChartSong extends React.Component{
    constructor(props) {
        super(props);
    }

    _playChartsong(e){
        this.audioTag.load()
        this.audioTag.play()
        console.log(this.audioTag)
    }
    render() {
        return(
            <div className="chart-song">
                <div className="chart-song__content">
                    <audio volume="0.5" controls="" ref={(audio)=> this.audioTag = audio}>
                        <source type="audio/mpeg" src="https://rad.fm:10443/hit128"></source>
                    </audio>
                    <button className="chart-song__button" onClick={(e)=>{this._playChartsong(e)}}></button>
                    <p className="chart-song__number">{this.props.number}</p>
                    <div className="chart-song__img">
                        <LazyLoad height={50} width={50}>
                            <img src={this.props.song.image} alt={this.props.song.name} onError={(e)=>{e.target.src = "https://gamerewrw.000webhostapp.com/mcm/media/fail--mob.180cf209.svg"}}/>
                        </LazyLoad>
                    </div>
                    <div className="chart-song__desc">
                        <h3 className="chart-song__artist">{this.props.song.artist}</h3>
                        <h3 className="chart-song__songname">{this.props.song.name}</h3>
                    </div>
                </div>
            </div>
        )
    }
}

export default ChartSong

Ответы (0 шт):