这是我想要做的:
屏幕截图来自6s iPhone。
我一直在AVAudioPlayer中工作，我想绘制一个看起来像第一个屏幕截图的波形。我正在使用FDWAVEFORMVIEW Github pods 绘制波浪。但是我很困惑如何画同样的波浪。
代码:
@IBOutlet weak var soundWaveView: FDWaveformView!
func createSoundWave() {
soundWaveView.delegate = self
soundWaveView.alpha = 0.0
soundWaveView.audioURL = mainTrackURL
soundWaveView.zoomSamples = 0 ..< soundWaveView.totalSamples / 3
soundWaveView.doesAllowScrubbing = true
soundWaveView.doesAllowStretch = true
soundWaveView.doesAllowScroll = true
soundWaveView.wavesColor = .lightGray
soundWaveView.progressColor = UIColor.init(red: 46/255, green: 188/255, blue: 191/255, alpha: 1.0)
}
func waveformViewWillRender(_ waveformView: FDWaveformView) {
startRendering = Date()
}
func waveformViewDidRender(_ waveformView: FDWaveformView) {
endRendering = Date()
NSLog("FDWaveformView rendering done, took %0.3f seconds", endRendering.timeIntervalSince(startRendering))
profileResult.append(String(format: " render %0.3f ", endRendering.timeIntervalSince(startRendering)))
UIView.animate(withDuration: 0.25, animations: {() -> Void in
waveformView.alpha = 1.0
})
}
func waveformViewWillLoad(_ waveformView: FDWaveformView) {
startLoading = Date()
}
func waveformViewDidLoad(_ waveformView: FDWaveformView) {
endLoading = Date()
NSLog("FDWaveformView loading done, took %0.3f seconds", endLoading.timeIntervalSince(startLoading))
profileResult.append(String(format: " load %0.3f ", endLoading.timeIntervalSince(startLoading)))
}
问题:如何显示与原始图像相同的波形(第一个屏幕截图)？
有人可以向我解释如何绘制相同的波形吗，我已经尝试绘制这些波形，但是还没有结果。
任何帮助将不胜感激。
提前致谢。
最佳答案
嗯，波形图...从外观上看，您可能需要将其 fork 并进行更改，因为FDWaveformRenderOperation不支持此样式。
看来您可以修改plotWaveformGraph中的FDWaveformRenderOperation方法来实现此目的。当前，它对缓冲区中的每个样本进行迭代，但是，如果维护，则维护一个index，该样本每第n个样本(“宽度”栏)加“间隔”栏递增一次，您可以得到这种外观。显然，这是一种幼稚的方法。理想情况下，您将样本平均成一个“条”并绘制该值。
这不是编译代码，但应该给您一个开始的地方。
let barWidth: CGFloat = 2.0
let barSpacing: CGFloat = 2.0
var x = 0
while x < samples.count { {
let sample = samples[x]
let height = (sample - min) * sampleDrawingScale
context.move(to: CGPoint(x: CGFloat(x), y: verticalMiddle - height))
context.addLine(to: CGPoint(x: CGFloat(x), y: verticalMiddle + height))
context.setLineWidth(barWidth) // note: stroke width straddles the path, so play with this
context.strokePath();
x += barWidth + barSpacing
}
不起眼的插件，但是您可以在waveform drawing framework中看到我的操作方式。这通常是概念上的证明，并且没有经过优化。 :)