Revision history [back]

I use an IconButton to allow the user to play back alarm sounds:

IconButton { icon.source: sound.playbackState === Audio.PlayingState ? "image://theme/icon-m-pause" : "image://theme/icon-m-play"; onClicked: { sound.source: selectedSound; if(sound.playbackState === Audio.PlayingState) { sound.stop(); } else { sound.play(); } } }

As can be seen, the editor "doesn't know" about the source Image, and the same seems to apply for the Audio element:

Audio { id: sound; audioRole: Audio.AlarmRole; onError: { console.log("Audio error:", errorString) } }

I use an IconButton to allow the user to play back alarm sounds:

IconButton { icon.source: sound.playbackState === Audio.PlayingState ? "image://theme/icon-m-pause" : "image://theme/icon-m-play"; onClicked: { sound.source: selectedSound; if(sound.playbackState === Audio.PlayingState) { sound.stop(); } else { sound.play(); } } }

As can be seen, the editor "doesn't know" about the source Image, and the same seems to apply for the Audio element:

Audio { id: sound; audioRole: Audio.AlarmRole; onError: { console.log("Audio error:", errorString) } } I have no idea why the code rendering is so flawed here..?

I use an IconButton to allow the user to play back alarm sounds:

IconButton { { icon.source: sound.playbackState === Audio.PlayingState Audio.PlayingState ? "image://theme/icon-m-pause" "image://theme/icon-m-pause" : "image://theme/icon-m-play"; "image://theme/icon-m-play"; onClicked: { { sound.source: selectedSound; selectedSound; if(sound.playbackState === Audio.PlayingState) { sound.stop(); { sound.stop(); } else { sound.play(); } } } { sound.play(); } } }

As can be seen, the editor "doesn't know" about the source Image, and the same seems to apply for the Audio element:

Audio { { id: sound; sound; audioRole: Audio.AlarmRole; Audio.AlarmRole; onError: { { console.log("Audio error:", errorString) } } errorString) } } I have no idea why the code rendering is so flawed here..?

I use an IconButton to allow the user to play back alarm sounds:

IconButton { icon.source: sound.playbackState === Audio.PlayingState ? "image://theme/icon-m-pause" : "image://theme/icon-m-play"; onClicked: { sound.source: sound.source = selectedSound; if(sound.playbackState === Audio.PlayingState) { sound.stop(); } else { sound.play(); } } }

As can be seen, the editor "doesn't know" about the source Image, and the same seems to apply for the Audio element:

Image.

The rendering error with Audio { id: sound; audioRole: Audio.AlarmRole; onError: { console.log("Audio error:", errorString) } } sound.source: selectedSound; in the screen shot is fixed.

I have no idea why the code rendering is so flawed here..?

I use an IconButton to allow the user to play back alarm sounds:

 IconButton { 
    icon.source: sound.playbackState === Audio.PlayingState 
        ? "image://theme/icon-m-pause"  
        : "image://theme/icon-m-play";  
    onClicked: {  
        sound.source = selectedSound;  
        if(sound.playbackState === Audio.PlayingState) {  
            sound.stop();  
        } else {  
            sound.play();  
        }  
    }  
}  
}